Talk about the different points of success and complete in jquery Ajax _jquery

Source: Internet
Author: User
Tags string format browser cache

No more nonsense to say, first to put a piece of code to see you,

$.ajax ({
   type: "Post",
   Url:url,
   dataType: ' html ',
   success:function (data) {},
   complete: function (XMLHttpRequest, textstatus) {},
   error:function () {}
});

Success: The function that is called when the request succeeds. This function gets a parameter: The data returned from the server. Call the function when the request succeeds, that is, status==200.

Complete: The function that is called when the request completes. This function gets two parameters: the XMLHttpRequest object and a string that describes the type of request that was successful. Call the function when the request completes, i.e. status==404, 403, 302 ....

So, when writing success or complete methods, pay attention to the incoming parameters and use the passed in Parameter object to solve our problem.

Parameter list:

Name of parameter Type Describe
Url String (Default: Current page address) sends the requested address.
Type String (Default: "Get") Request method ("POST" or "get"), default to "get". Note: Other HTTP request methods, such as put and DELETE, are also available, but only partially supported by browsers.
Timeout Number Sets the request timeout (in milliseconds). This setting overrides the global setting.
Async Boolean (Default: TRUE) The default setting is that all requests are asynchronous requests. If you need to send a sync request, set this option to false. Note that the synchronization request will lock the browser and the user's other actions must wait for the request to complete before it can be executed.
Beforesend Function You can modify the functions of the XMLHttpRequest object before sending the request, such as adding a custom HTTP header. The XMLHttpRequest object is the only parameter.
function (XMLHttpRequest) {This

     //The options for this AJAX request
     }
Cache Boolean (default: TRUE) JQuery 1.2 new functionality, set to false will not load request information from the browser cache.
Complete Function The callback function (called when the request succeeds or fails) after the request completes. Parameters: XMLHttpRequest Object, Success message string.
function (XMLHttpRequest, Textstatus) {This

     //The options for this AJAX request
     }
ContentType String (Default: "application/x-www-form-urlencoded") the content encoding type when sending information to the server. Default values are appropriate for most applications.
Data Object,
String
Data sent to the server. is automatically converted to the request string format. The GET request is appended to the URL. View the ProcessData option description to prevent this automatic conversion. Must be in the Key/value format. If you are an array, JQuery will automatically correspond to the same name for different values. such as {foo:["bar1", "Bar2"]} is converted to ' &foo=bar1&foo=bar2 '.
dataType string The type of data that is expected to be returned by the server. If not specified, jquery will automatically return Responsexml or responsetext based on the HTTP packet MIME information and pass as a callback function argument, available values:

XML: Returns an XML document that can be processed with jQuery.

HTML: Returns plain text HTML information, including script elements.

Script: Returns the plain text JavaScript code. Results are not automatically cached.

"JSON": Returns JSON data.

"Jsonp":   jsonp format. Use   jsonp  When calling a function as "myurl?callback=?" JQuery will automatically replace it? To the correct function name to execute the callback function.

Error Function (Default: Automatic judgment (XML or HTML)) This method is called when a request fails. This method has three parameters: the XMLHttpRequest object, the error message, and (possibly) the error object being caught.
function (XMLHttpRequest, Textstatus, Errorthrown) {this//the options for this

     
     ajax request
     }
Global Boolean (default: TRUE) triggers a global AJAX event. Setting to FALSE will not trigger global AJAX events, such as Ajaxstart or Ajaxstop. Can be used to control different AJAX events
Ifmodified Boolean (default: false) gets new data only when the server data changes. Use HTTP packet last-modified header information to determine.
ProcessData Boolean (default: TRUE) by default, the data sent is converted to an object (technically not a string) to match the default content type "application/x-www-form-urlencoded". Set to False if you want to send DOM tree information or other information that you do not want to convert.
Success Function callback function after successful request. This method has two parameters: the server returns the data, returns the status
function (Data, Textstatus) {

     //data could be xmldoc, jsonobj, HTML, text, etc
     ...  This //The options for this AJAX request
     }

Well, due to the time, this article first introduced to you here, I hope this article can give you the inspiration to help us learn more about JavaScript Ajax success complete related knowledge.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.