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 formato de etiqueta 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 traducció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 por sí mismo

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 por sí mismo

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, 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 JavaScript almacene objetos 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 por sí mismo

¿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?

Dado que el formato JSON es simplemente texto, puede transmitirse 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.