There are four request methods in jquery: 1. “$.ajax()” request returns the specified object, the syntax is “$.ajax({name:value,…})”; 2. “HTTP GET "Request to load information, the syntax is "$.get(url, passed parameters, callback function, type)"; 3. "HTTP POST" request to load information, the syntax is "$.post(...)"; 4. "HTTP GET" loads JSON data, the syntax is "$.getJSON(...)".
Operating system for this tutorial: Windows 10 system, jQuery3.6.0 version, Dell G3 computer.
jQuery has four request methods:
1. $.ajax() returns the XMLHttpRequest object it created
$.ajax() has only one parameter: parameter key/ The value object contains 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:
$.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")
Save data to the server and display information when successful.
2. Load information through remote HTTP GET request
Compared with the complex $.ajax, the GET 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 also 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, and the callback function can be called when the request is successful. If you need to execute a function on error, use $.ajax request.
Example:
4. Load JSON data through HTTP GET request
$.getJSON("http://api.flickr.com/services/feeds/photos_public .gnetags=cat&tagmode=any&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item){ $("<img / alt="What are the request methods in jquery" >") .attr("src", item.media.m).appendTo("#images"); if ( i == 3 ) return false; }); });
The above is the detailed content of What are the request methods in jquery. For more information, please follow other related articles on the PHP Chinese website!