Tuesday 7 September 2010

Llamada AJAX con JQuery - Parametros posibles

Llamada AJAX con JQuery - Parámetros posibles


AJAX nos permite hacer llamadas a un servicio web desde javascript. Recordad que Javascript se ejecuta en la máquina cliente.

Veamos pues como ejecutar una llamada AJAX usando JQUERY.

En el head del código HTML debemos linkar la librería JQuery(google la ofrece sin necesidad de descargarla y añadirla al proyecto):

src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.js"

En el código JAVASCRIPT:
El código básico para hacer una llamada es el siguiente:


//Opción 1.
$.ajax({
type: "GET",
url: URL,
success: todoBien(msg),
error: ajaxError
}
);
//función que será ejecutada si la llamada AJAX se ha realizado correctamente
function todoBien(data){
alert(data);
}
//función que será ejecutada si la llamada AJAX ha fallado
funtcion ajaxError(result){
alert("ERROR: " + result.status + ' ' + result.statusText);
}

//Opción 2.
$.ajax({
type: "GET",
url: URL,
success: function(msg) {
alert(msg);
},
error: function(result){
alert("ERROR: " + result.status + ' ' + result.statusText);
}
);

Como véis podemos usar los 2 tipos de notaciones para tratar el resultado:

1: tratar el resultado fuera de la llamada mediante funciones.
2: tratar el resultado dentro de la llamada.

A continuación adjunto una tabla con todos los parámetros que acepta AJAX con su descripción correspondiente.










Un saludo.

0 comments: