Tutorial: Cómo leer un JSON con jQuery

By clcanela, 16 October, 2015
Poster tutorial con título

En éste video tutorial explico un poco la mecánica para leer un JSON, leer sus contenidos e iterar sobre sus elementos.

Aunque en principio es un poco básico lo que cubro en el video, intento explicar cómo es que podemos consumir un recurso JSON en nuestro sitio web mediante el uso de jQuery, también explico cómo es que podemos recibir más de un objeto en la respuesta de JSON y la forma en que podemos ya sea iterar sobre todos los elementos recibidos o usar directamente la información de uno o varios de los elementos recibidos.

Ejercicio en JSFiddle: http://jsfiddle.net/clcanela/vLft56mg/

Éste es nuestro primer tutorial, así que se reciben críticas, consejos y mentadas, según corresponda.

¡Felices sentencias!

Paco, gracias por hacerme notar ese detalle, la verdad es que desde que hice el tutorial se han implementado algunos estándares de seguridad que antes no eran tan estrictos pero ahora sí hay que prestar atención a no mezclar contenido desde https con otro desde simple http.
Ya corregí el link del ejemplo para que se muestre por http plano.
¡Saludos!

iQonde (not verified)

6 years 9 months ago

Hola, yo tengo una duda, porqué en algunos json agregan los corchetes [] al inicio del objeto y algunos no ??
Saludos.

Hola, eso normalmente se usa para indicar un arreglo de objetos, por lo regular sirve cuando quieres enviar más de un objeto en tu respuesta, de hecho la diferencia más notable es que los corchetes "[ ]" indican agrupación (colección, arreglo, etc.) mientras que las llaves "{ }" indican que es un objeto. De hecho cuando se envía un arreglo de objetos JSON se debe de enviar objetos dentro de corchetes separados por coma, algo así:

[
{obj:1},
{obj:2},
{obj:3},
]

Saludos

Comments

Powered by Drupal