Es posible que desee utilizar JSON con su código javascript para poner los objetos en movimiento. En este ejemplo, se utiliza AJAX para abrir y mostrar un documento de texto que contiene un fragmento de código HTML. Otro uso común para AJAX es solicitar y recibir datos para su procesamiento por el navegador. Por ejemplo, gasbuddy.com utiliza un mapa de Google junto con los datos sobre los precios del gas, para presentar un punto de vista sencillo y hasta a la fecha de los precios del gas en diferentes lugares.

Si examina gasbuddy.com en la ficha Red, usted encontrará que algunas de las solicitudes tienen respuestas que parecen algo así como el código.

([{Id:”tuwtvtuvvvv”, base: [351289344,822599680], zrange: [11,11], la capa de:”m @ 288429816” , características: [{id:” 17243857463485476481” , a: [0,0] , bb: [- 8, -8,7,7, -47,7,48,22, -41,19,41,34], c:”{1: {title:” Folsom Lake State Recreation Area”} , 4: {type: 1}}”}]}, {id:” tuwtvtuvvvw”, zrange: [11,11], la capa de:” m @ 288429816” }, {id:”tuwtvtuvvwv”, la base: [351,506,432, 824291328], zrange: [11,11], la capa de:”m @ 288429816” , características: [{id:” 8748558518353272790” , a: [0,0], bb: [- 8, -8,7,7, -41,7,41,22], c:”{1: {title:” Deer Creek Hills”}, 4: {type: 1}}”}]}, {id:”tuwtvtuvvww”, zrange: [11 , 11], la capa de:”m @ 288429816” }])

Si se toma una pequeña muestra de los datos de este bloque de código y cambiar el formato, se obtiene algo como esto, que debe mirar más familiar para usted.

Video: Curso javascript desde 0. Ajax VI. Objetos JSON I. Vídeo 73

{Id:”tuwtvtuvvvv”, la base: [351289344,822599680], zrange: [11,11], la capa de:”m @ 288429816” , características: [{id:” 17243857463485476481” , a: [0,0], bb : [- 8, -8,7,7, -47,7,48,22, -41,19,41,34], c:”{1: {title:” Folsom Lake State Recreation Area”}, 4 :{tipo 1}}"}]}}

Al observar el formato de los datos, se puede ver que se parece sospechosamente a la nombre: valor javascript formato de un objeto literal.

Video: 19.- Curso javascript - JSON

La razón principal JSON es tan fácil de usar es porque ya está en un formato que puede trabajar con javascript, por lo que es necesaria ninguna conversión.

{ “Titulo_libro”: “Codificación con javascript para Dummies”, “BOOK_AUTHOR”: “Chris Minnick y Eva Holland”, “Resumen”: “principiantes Todo lo que necesita saber para empezar a programar con javascript!”, “ISBN”:”9781119056072” }

Este ejemplo muestra cómo estos datos se puede cargar en una página web utilizando javascript y luego se utiliza para mostrar sus datos en HTML.

Titulo del libro
autores
Resumen

La clave para indicar cualquier información JSON que ha traído en un documento de javascript de una fuente externa es convertirla de una cadena a un objeto utilizando la JSON.parse método. Después de hacer eso, se puede acceder a los valores en el archivo JSON usando la notación de puntos o notación de corchetes como se puede acceder a las propiedades de cualquier objeto de javascript.

Video: Fondo en movimiento, HTML y javascript

Echa un vistazo a los resultados de ejecutar este código en un navegador web y pulsa el botón para cargar los datos JSON.