Last Updated: February 25, 2016
·
24.42K
· develop_andrade

Consumiendo un webservice con jQuery y json

Metodos

======

Hay varios metodos que sirven para consumir un webservice estos pueden ser:

  1. $.ajax()
  2. $.getJSON()

Ambos utilizan parametros diferentes comenzemos con $.getJSON();

$.getJSON(url, datos, successCallback)

Sus parametros url, datos, successCallback, como sus nombres indican: url, es la ruta o la liga donde se encuentran los datos un ejemplo:

url = 'https://coderwall.com/username.json?callback=?';

A la url le pasamos un dato via GET llamado callback=? donde ? = al nombre del metodo que contendra el archivo .json, cabe aclarar que si no se desea agregar ningun metodo al archivo json, este se puede dejar con el signo ?

Los datos por lo general se envian en forma de array, en este ejemplo no enviaremos ningun dato.

datos = {};

El parametro successCallback es una funcion que indica que la llamada se completo con exito y esta funcion conttiene como parametro la respuesta que en este caso seran los datos del archivo json.

function successCallback(response){};

Cabe aclarar que se puede utilizar funciones anonimas

function(response){}

Ejemplo de uso:

url = 'https://coderwall.com/username.json?callback=?';
datos = {};
$.getJSON(url, datos, function(response){
    console.log(response);
});

Esto nos retorna en la consola de javascript los datos obtenidos al llamar al archivo json,
queda comentarles que en esta ocacion vimos webservices con jsonp y ajax.