What are the several methods of ajax request?

ajax request method: 1. Use "$.ajax()" to return the XMLHttpRequest object it created; 2. Load information through remote HTTP GET request; 3. Load information through remote HTTP POST request ;4. Load JSON data through HTTP GET request.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

In jQuery, there are four common AJAX request methods:

1. $.ajax() returns the XMLHttpRequest object it created

$.ajax() Only one parameter: parameter key/value object, including each configuration and callback function information.

If you specify the dataType option, you need to ensure that the server returns the correct MIME information (such as xml returns "text/xml").

Example:

Save the data to the server and display information when successful.

$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$")[0]);
}
}
});

2. Load information through remote HTTP GET request

Compared with the complicated $.ajax, GET The request function is simpler, and the callback function can be called when the request is successful. Of course, if you need to execute the function when an error occurs, please use $.ajax.

Example:

$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

3. Load information through remote HTTP POST request

The POST request function is also relatively simple , the callback function can be called when the request is successful. If you need to execute a function when an error occurs, please use $.ajax request.

Example:

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功！");
}
})

4. Load JSON data through HTTP GET request

Example:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img / alt="What are the several methods of ajax request?" >").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

[Related tutorial recommendations ：AJAX video tutorial】

The above is the detailed content of What are the several methods of ajax request?. For more information, please follow other related articles on the PHP Chinese website!