Petición de JSON (jQuery)



Hola amigos javeros en el post anterior vimos como mandar un objeto json por request, pero ¿De qué manera podemos realizar la petición?, muy fácil hoy la realizaremos por medio de jQuery.


Si no viste el post anterior te invito a que lo leas para entender de que estamos hablando http://www.javerosanonimos.com/2014/05/envio-de-json-por-request.html


Bueno pues empecemos. Un objeto json se puede ocupar de varias formas, pero esta vez realizaremos la petición, utilizando jQuery, por lo cual necesitamos requerimientos mínimos:


  • Archivo HTML(Recepción).
  • Archivo js(jQuery).
  • URL del JSON al que queremos acceder


No necesitamos java, por tal motivo no tendremos que crear un proyecto java, solo nuestro archivo js. y un .html es  más que suficiente


El archivo HTML tiene tiene que cumplir con los estándares de HTML, una vez que armamos el cascaron tenemos que agregar la librería de jQuery, para descargarla les dejo la siguiente liga http://jquery.com/download/

En la cabecera de nuestro html tenemos que poner la siguiente línea




En ruta ponemos donde se encuentra el archivo  js, también podemos poner la url si no deseamos tener de manera física el archivo, funciona de igual forma, aunque el poner la url depende de nuestra conexión a Internet.



Ejemplo:


Por último agregamos el código a nuestro html que realizará la petición.




Donde:


“getJSON.htm”, es la url que nos devuelve el JSON
dataDelJson, Objeto json
console.log, es para imprimir la pantalla



imprimimos en consola el resultado y listo, nos debe de dar algo más o menos así:




Espero que este código les sea de mucha ayuda, y seguiremos escribiendo sobre la utilización de json, saludos

Post a Comment

Artículo Anterior Artículo Siguiente