Consumiendo un webservice con jQuery y json
Metodos
======
Hay varios metodos que sirven para consumir un webservice estos pueden ser:
- $.ajax()
- $.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.
Written by Jorge Andrade
Related protips
Have a fresh tip? Share with Coderwall community!
JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.
Security insights from Cside