Este artículo lo escribo como segunda parte del artículo Crear un Servicio Web REST con ASP .NET. Aquí veremos cómo consumir Servicios Web REST desde JQuery. Podéis ver algunos tutoriales de JQuery en este mismo blog.

En el artículo anterior creamos un servicio que desplegaba dos funcionalidades para recuperar información de Clientes según la URL sobre la que se realice la petición:

http://localhost:50316/api/clientes/ – Listará todos los clientes

http://localhost:50316/api/clientes/44444444K – Devolverá la información del cliente con el D.N.I.  44444444K

En este tutorial crearemos una página que recupere mediante JQuery esta información.

Preparación del Ejemplo

Partimos de una página (en mi caso ListadoClientes.aspx) con la siguiente estructura:

La idea es que al cargar la página, se deben rellenar las filas de la tabla tablaClientes, con un DNI y un enlace “Ver Detalle“, que llamará a una función Javascript. Dicha función enviará al servidor el DNI seleccionado y recuperará su información.

GetJSON()

Para lo que queremos conseguir, utilizaremos la función $.getJSON(), que toma como parámetros la url, como dato opcional los parámetros que se envían, y por último una función callback para recuperar la respuesta del servidor. De tal manera que el código Javascript sería el siguiente:

Con este ejemplo simple ya hemos visto cómo recuperar datos desde un servicio REST.

¡Hasta la próxima!
Rupert.