Recientemente una poderosa librería de Javascript, JQuery proporciona la habilidad de llamar XHR dentro de una interface. Hay varias formas de implementar llamadas asincronas. De hecho, puedes llamar a cualquier .load o .post para realizar llamadas personalizadas.
$.load
En el caso de .load puedes encadenar en cada objeto devuelto desde un selector JQuery personalizado: $(‘div’).load(.. entonces el contenido del DIV se llena con lo devuelto.
Pero ¿que, si quiero un Ok o controladores de Error?
El método .load no proporciona «funcionalidad compleja». Tanto que el método $.ajax viene en su ayuda. Te permite especificar el URI, método, datos, tipo de datos, éxito (onSuccess), controladores de error (onError handlers), etc.
Aquí tienes:
$.ajax({ url : 'www.example.com', // string data : { param1 : 'value1', param2 : 'value2' }, // Puede ser www.example.com/?param1=value1¶... dataType : {json|html|script}, success : function(text) { // Text es el mensaje devuelto }, error : function() { // Controladores de errores } });
Bueno, por supuesto, puedes encontrar la especificación completa en la página de documentación JQuery. Lo que pretende hacer es que la funcion $.ajax proporcione un verdadero poder para llamar diferentes tipos de datos y controladores de respuesta en diferentes formas de sincronización.