jQuery ajax() Method

jQuery AJAX Methods

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

$.ajax() method is used to perform asynchronous HTTP (Ajax) requests.$.ajax() is the foundation for all Ajax requests sent by jQuery. It is usually not necessary to call this method directly, as$.get(),$.post()andload()

and several other more advanced alternatives, which are easier to use. However, if fewer common options are needed, $.ajax() can be used more flexibly.

Syntax::1.5+of the AJAX request:

Syntax One

$.ajax(url, {name:value, name:value, ...}) :1.0+Version:

Syntax Two

Example

$.ajax("ajax_intro.txt", {success: function(response){usingAddof the AJAX requestChange the text of the DIV element:1.5of the AJAX request:

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

$.ajax("ajax_intro.txt", {success: function(response){usingAddof the AJAX requestChange the text of the DIV element:1.0Version:

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

Request the page ajax_get.php and send some other data:

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

Request the page ajax_get.php, send some other data, and display an alert status message:

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

Use the HTTP POST method to request the page: ajax_post.php

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

Use the asynchronous setting to specify a synchronous request:

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

Use the dataType setting to specify the data type of the request:

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

If an Ajax request encounters an error, display a notification:

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

Request a file and notify the user upon completion. If the request fails, display a notification:

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

Parameter value

Specify one or more name:value pairs for the AJAX request parameter.

Possible names: the values in the following table:

$.ajax({
　　statusCode:{
　　　　404:function(){
　　　　　　alert('Page not found');
　　　　}
　　}
})

jQuery AJAX Methods