Foro | Los últimos tutoriales de desarrollo web
 

JSON Tutorial

JSON: JavaScript Object Notation.

JSON es una sintaxis para almacenar e intercambiar datos.

JSON es una alternativa más fácil de usar a XML.


El siguiente ejemplo JSON define un objeto empleados, con una serie de 3 registros de empleados:

Ejemplo de JSON

{"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

El siguiente ejemplo XML también define un objeto empleados con 3 registros de empleados:

Ejemplo XML

<employees>
    <employee>
        <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
        <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
        <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

¿Qué es JSON?

  • JSON es sinónimo de JavaScript Object Notation
  • JSON es un formato de intercambio de datos ligera
  • JSON es independiente del lenguaje *
  • JSON es "auto-descripción" y fácil de entender

* JSON utiliza la sintaxis de JavaScript, pero el formato JSON es sólo texto, al igual que XML.
El texto puede ser leído y utilizado como un formato de datos por cualquier lenguaje de programación.


JSON - Evalúa a objetos de JavaScript

El formato JSON es sintácticamente idéntico al código para la creación de objetos de JavaScript.

Debido a esta similitud, en lugar de utilizar un programa de análisis (como XML hace), un programa JavaScript puede utilizar las funciones estándar de JavaScript para convertir los datos JSON en objetos JavaScript nativos.


Inténtalo tú mismo

Con nuestro editor, puede editar el código JavaScript en línea y haga clic en un botón para ver el resultado:

Ejemplo de JSON

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
Inténtalo tú mismo "

Mucho XML gusta porque

  • Tanto JSON y XML son "auto describir" (legible)
  • Tanto JSON y XML son jerárquicas (valores dentro de los valores)
  • Tanto JSON y XML pueden ser analizados y utilizados por una gran cantidad de lenguajes de programación
  • Tanto JSON y XML se pueden recuperar con un XMLHttpRequest

A diferencia de gran parte XML Debido

  • JSON no utiliza etiqueta final
  • JSON es más corto
  • JSON es más rápido para leer y escribir
  • JSON puede utilizar matrices

La mayor diferencia es la siguiente:

XML tiene que ser analizado con un analizador XML. JSON se puede analizar mediante una función de JavaScript estándar.


¿Por JSON?

Para aplicaciones AJAX, JSON es más rápido y más fácil que XML:

El uso de XML

  • Fetch un documento XML
  • Utilizar el DOM XML para recorrer el documento
  • Los valores de extracto y se guardan en las variables

El uso de JSON

  • Obtiene una cadena JSON
  • JSON.parse la cadena JSON