Os vamos a explicar una función completita de Ajax a través de JQuery, que esperamos, os sirva de ayuda.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
$.ajax({ statusCode: { 404: function() { alert("Página no encontrada"); }, 500: function() { alert("Error 500"); } }, type: "POST", url: "URL_PROCESADOR_AJAX.php", dataType: "json", data: { dato1: "dato", dato2: "dato2" } }).done(function ( resultado) { alert(resultado.mensaje); }); |
Como podéis ver, tiene bastantes opciones.
- statusCode: permite controlar si hay algún tipo de error, para gestionarlo como deseemos en la propia página web.
- type: indicamos cómo vamos a enviar los datos (POST o GET).
- url: añadimos la URL que va a recibir los datos.
- dataType: el formato en el que el archivo que procese la petición nos va a responder. Puede ser XML, Json, o texto sin formato.
- data: finalmente, los datos que queremos enviar, en formato jSON. Indicar, que podemos usar la función $(‘form’).serialize() para que automáticamente, todos los datos de un formulario se traduzcan a este lenguaje estructurado.
En este caso, nuestro “procesador” de datos nos devolverá un json con una variable mensaje, que mostramos en un alert.