Los últimos tutoriales de desarrollo web
 

JSON - Introducció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 es "auto describir" (legible)
  • Tanto JSON y XML es jerárquica (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 puede ser analizado por 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