AJAX

TCNICAS BSICAS - AJAX CON JQUERY

Mtodos AJAX de JQUERY
$.ajax()

El mtodo $.ajax es configurado a travs de un objeto, el cual contiene todas las instrucciones
que necesita jQuery para completar la peticin. Dicho mtodo es particularmente til debido a
que ofrece la posibilidad de especificar acciones en caso que la peticin haya fallado o no.
Adems, al estar configurado a travs de un objeto, es posible definir sus propiedades de forma
separada, haciendo que sea ms fcil la reutilizacin del cdigo.
Utilizar el mtodo $.ajax
$.ajax({ $('<div class="content"/>')

// la URL para la peticin .html(json.html).appendTo('body');

url : 'post.php', },

// la informacin a enviar // cdigo a ejecutar si la peticin falla;

// (tambin es posible utilizar una cadena de datos) // son pasados como argumentos a la funcin

data : { id : 123 }, // el objeto de la peticin en crudo y cdigo de estatus de la peticin

// especifica si ser una peticin POST o GET error : function(xhr, status) {

type : 'GET', alert('Disculpe, existi un problema');

// el tipo de informacin que se espera de respuesta },

dataType : 'json', // cdigo a ejecutar sin importar si la peticin fall o no

// cdigo a ejecutar si la peticin es satisfactoria; complete : function(xhr, status) {

// la respuesta es pasada como argumento a la funcin alert('Peticin realizada');

success : function(json) { }

$('<h1/>').text(json.title).appendTo('body'); });
Mtodos convenientes
En caso que no quiera utilizar el mtodo $.ajax, y no necesite los controladores de errores,
existen otros mtodos ms convenientes para realizar peticiones Ajax (aunque, como se indic
antes, estos estn basados el mtodo $.ajax con valores pre-establecidos de configuracin).

Los mtodos que provee la biblioteca son:

$.get Realiza una peticin GET a una URL provista.

$.post Realiza una peticin POST a una URL provista
Utilizar mtodos convenientes para peticiones Ajax
Ejemplo del get()

// obtiene texto plano o html

$.get('/users.php', { userId : 1234 }, function(resp) {
console.log(resp);
});
$.load
El mtodo $.load es el nico que se puede llamar desde una seleccin. Dicho mtodo obtiene el
cdigo HTML de una URL y rellena a los elementos seleccionados con la informacin obtenida.
En conjunto con la URL, es posible especificar opcionalmente un selector, el cual obtendr el
cdigo especificado en dicha seleccin
Utilizar el mtodo $.fn.load para rellenar un elemento

$('#newContent').load('/foo.html');

Utilizar el mtodo $.fn.load para rellenar un elemento basado en un selector

$('#newContent').load('/foo.html #myDiv h1:first', function(html) {

alert('Contenido actualizado');
});
 http://librosweb.es/libro/fundamentos_jquery/capitulo_7.ht
ml

Fuentes https://www.w3schools.com/js/js_ajax_intro.asp

consultadas