Introducción a JSON

JSON: JavaScript Object Notation (marcador de objeto JavaScript).

JSON es una sintaxis para almacenar y intercambiar datos.

JSON se escribe en texto mediante la notación de objeto JavaScript.

Intercambiar datos

Cuando los datos se intercambian entre el navegador y el servidor, estos datos solo pueden ser texto.

JSON es texto y podemos convertir cualquier objeto JavaScript en JSON, luego enviarlo al servidor.

También podemos convertir cualquier JSON recibido del servidor en un objeto JavaScript.

De esta manera, podemos manejar los datos como objetos JavaScript sin la necesidad de análisis y transcripción complejos.

Enviar datos

Si tus datos se almacenan en un objeto JavaScript, puedes convertir ese objeto en JSON y luego enviarlo al servidor.

Ejemplo

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Pruebe personalmente

Aprenderás más sobre esto en los capítulos posteriores de este tutorial. JSON.stringify() Conocimiento de la función.

Recibir datos

Si recibes datos en formato JSON, puedes convertirlos en un objeto JavaScript:

Ejemplo

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Pruebe personalmente

Aprenderás más sobre esto en los capítulos posteriores de este tutorial. JSON.parse() Conocimiento de la función.

Almacenar datos

Al almacenar datos, estos deben estar en un formato específico y, sin importar dónde los almacenes, el texto siempre es un formato válido.

JSON hace posible que los objetos JavaScript se almacenen como texto.

Ejemplo

Almacenar los datos en el almacenamiento local

//Almacenar datos:
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Recibir datos:
text = localStorage.getItem("testJSON");
obj =  JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Pruebe personalmente

¿Qué es JSON?

  • JSON se refiere a JavaScript Object Notation (JavaScript Object Notation)
  • JSON es un formato de intercambio de datos ligero
  • JSON es auto-descriptivo y fácil de entender
  • JSON es independiente del lenguaje *

*

JSON utiliza la sintaxis de JavaScript, pero el formato JSON es de texto puro.

El texto puede ser leído y utilizado como datos por cualquier lenguaje de programación.

El formato JSON fue propuesto originalmente por Douglas Crockford.

¿Por qué usar JSON?

Debido a que el formato JSON es solo texto, se puede transmitir fácilmente entre el servidor y el navegador y se puede usar como formato de datos para cualquier lenguaje de programación.

JavaScript proporciona funciones integradas para convertir cadenas escritas en JSON en objetos nativos de JavaScript:

JSON.parse()

Por lo tanto, si recibe datos en formato JSON desde el servidor, puede usarlo como cualquier otro objeto JavaScript.