Método jQuery ajax()

Métodos Ajax de jQuery

$ .ajax()方法执行异步HTTP（Ajax）请求。

$.ajax() método para ejecutar solicitudes HTTP (Ajax) asincrónicas.$.ajax() es el método básico que jQuery utiliza para enviar todas las solicitudes Ajax. Generalmente no es necesario llamar directamente a este método, ya que se puede$.get(),$.post()yload()

y varios métodos más avanzados, que son más fáciles de usar. Sin embargo, si se necesitan menos opciones comunes, $.ajax() puede ser más flexible.

Sintaxis::1.5+de la solicitud AJAX:

Sintaxis uno

$.ajax(url, {name:value, name:value, ...}) :1.0+Versión:

Sintaxis dos

Ejemplo

$.ajax("ajax_intro.txt", {success: function(response){UsarAgregarde la solicitud AJAXCambiar el texto del elemento DIV:1.5de la solicitud AJAX:

$.ajax(name:value, name:value, ...)
　　$("div").html(response);
});

$.ajax("ajax_intro.txt", {success: function(response){UsarAgregarde la solicitud AJAXCambiar el texto del elemento DIV:1.0Versión:

$.ajax({
　　url: "ajax_intro.txt",
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Solicitar la página "ajax_get.php" y enviar algunos otros datos:

$.ajax({
　　url:　"ajax_get.php",
　　data: {fname:"Seagull", lname:"Anna"},
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Solicitar la página "ajax_get.php", enviar algunos otros datos y emitir un mensaje de estado de alerta:

$.ajax({
　　url:　"ajax_get.php",
　　data: {fname:"Seagull", lname:"Anna"},
　　success: function(response, status){
　　　　　　　　$("div").html(response);
　　　　　　　　alert(status);
　　}
});

Usar el método HTTP POST para solicitar la página "ajax_post.php":

$.ajax({
　　url: "ajax_post.php",
　　method: "POST",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Usar la configuración asíncrona para especificar solicitudes sincrónicas:

$.ajax({
　　url:　"ajax_get.php",
　　async: false,
　　data: {fname:"Seagull", lname:"Anna"},
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Usar dataType para establecer el tipo de datos solicitado:

$.ajax({
　　url: ""/javascript/myscript.js",
　　dataType: "script"
});

Si la solicitud Ajax encuentra un error, mostrar un aviso:

$.ajax({
　　url: "wrong_file.html",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　},
　　error: function(xhr){
　　　　　　　　$("div").html("Error: "　+　xhr.status　+　" "　+　xhr.statusText);
　　}
});

Solicitar un archivo y notificar al usuario una vez completada. Si la solicitud falla, mostrar un aviso:

let request = $.ajax({
　　url:　"ajax_get.php",
　　url: "ajax_get.php",
});
data: {fname:"Seagull", lname:"Anna"}
　　request.done(function(msg){
});
$("div").html(msg);
　　$("div").html("Request failed: ")　+　textStatus);
});

Valor de parámetro

Los parámetros especifican uno o más pares name:value para la solicitud AJAX.

Nombres posibles: los valores en la siguiente tabla:

$.ajax({
　　statusCode:{
　　　　404:function(){
　　　　　　alert('No se encontró la página');
　　　　}
　　}
})

Métodos Ajax de jQuery