Ajax attribute Detailed

Source: Internet
Author: User
Tags script tag string format tagname browser cache

The Ajax method parameters in jquery always don't remember, here's a note.

1.url:
Requires that the requested address be sent for a string type argument, which defaults to the current page address.

2.type:
A parameter of type string is required, and the request method (post or get) defaults to get. Note that other HTTP request methods, such as put and delete, are also available, but only partially supported by browsers.

3.timeout:
Requires a parameter of type number that sets the request timeout (in milliseconds). This setting overrides the global setting of the $.ajaxsetup () method.

4.async:
A parameter of type Boolean is required, the default setting is true, and 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 other actions must wait for the request to complete before it can be executed.

5.cache:
Requires a Boolean parameter, the default is True (default is False when datatype is script), and setting to False does not load request information from the browser cache.

6.data:
Requires data that is sent to the server for an object or string type of parameter. If it is no longer a string, it is automatically converted to a string format. The GET request is appended to the URL. To prevent this automatic conversion, you can view the ProcessData option. The object must be in key/value format, for example {foo1: "Bar1", Foo2: "Bar2"} to &foo1=bar1&foo2=bar2. If it is an array, jquery will automatically correspond to the same name for different values. For example, {foo:["bar1", "Bar2"]} is converted to &FOO=BAR1&FOO=BAR2.

7.datatype: 
requires a string-type parameter that is expected to be returned by the server. If not specified, jquery automatically returns Responsexml or ResponseText based on the HTTP packet mime information and is passed as a callback function parameter. The available types are as follows:
XML: Returns an XML document that can be processed with jquery.
HTML: Returns plain text HTML information, and the included script tag executes when the DOM is inserted.
Script: Returns the plain text JavaScript code. Results are not automatically cached. Unless the cache parameter is set. Note that when a remote request is not in the same domain, all post requests are converted to get requests.
JSON: Returns JSON data. The
Jsonp:jsonp format. When calling a function using the Sonp form, for example, Myurl?callback=?,jquery will automatically replace the latter "?" To the correct function name to execute the callback function.
Text: Returns a plain text string.

8.beforeSend:
requires a parameter of the function type to modify the function of the XMLHttpRequest object before sending the request, for example, to add a custom HTTP header. If you return False in Beforesend, you can cancel this Ajax request. The XMLHttpRequest object is the only parameter.
            Function (XMLHttpRequest) {
                this;  // The options parameter
           }
passed when invoking this Ajax request is 9.complete: The
requires a parameter of the function type, which is called when the request completes after the request is completed (either successful or unsuccessful). Parameters: XMLHttpRequest object and a string that describes the type of successful request.
          function (XMLHttpRequest, textstatus) {
              this;   //The options parameter passed when invoking this Ajax request
         }

10.success: A parameter that requires a function type, and a callback function called after the request succeeds with two parameters. The
         (1) is returned by the server and processed according to the datatype parameter. The
         (2) describes the string of States.
         function (data, textstatus) {
            //data may be xmldoc, jsonobj, HTML, text, and so on
             this; //The options parameter passed when invoking this Ajax request
         }

11.error:
A parameter called a function type that is called when a request fails. The function has 3 parameters, that is, an XMLHttpRequest object, an error message, a captured Error object (optional). The Ajax event functions are as follows:
function (XMLHttpRequest, textstatus, Errorthrown) {
Usually only one of the Textstatus and Errorthrown contains information
This The options argument passed when invoking this Ajax request
}

12.contentType:
A parameter of type string is required, and the content encoding type defaults to "application/x-www-form-urlencoded" when sending information to the server. This default value is appropriate for most applications.

When the data sent is formatted as JSON, the encoding type is set: Application/json; Charset=utf-8 "

13.dataFilter:
requires a function that provides preprocessing of the original data returned by Ajax for parameters of the function type. Provides data and type two parameters. Data is the original source returned by Ajax, and type is the datatype parameter provided when the Jquery.ajax is invoked. The value returned by the function will be further processed by jquery.
            function (data, type) {
                //Return processed data
                 return data;
           }

14.dataFilter:
A function that requires preprocessing of the original data returned by Ajax for parameters of the function type. Provides data and type two parameters. Data is the original source returned by Ajax, and type is the datatype parameter provided when the Jquery.ajax is invoked. The value returned by the function will be further processed by jquery.
function (data, type) {
Returns the processed data
return data;
}

15.global:
A parameter of the Boolean type is required, and the default is true. Indicates whether global AJAX events are triggered. Setting to FALSE will not trigger global AJAX events, Ajaxstart or ajaxstop can be used to control various AJAX events.

16.ifModified:
A parameter of the Boolean type is required, and the default is False. Gets new data only when the server data changes. The server data change judgment is based on last-modified header information. The default value is False, which is to ignore header information.

17.JSONP:
Requires an argument of type string to override the name of the callback function in a JSONP request. This value is used in place of the "callback=?" The "callback" section of the URL parameter in this get or POST request, for example {jsonp: ' onjsonpload '}, causes the "onjsonpload=?" passed to the server.

18.username:
A parameter of type string required to respond to the user name of an HTTP access authentication request.

19.password:
A parameter of type string required to respond to the password of an HTTP access authentication request.

20.processData:
A parameter of the Boolean type is required, and the default is true. By default, the data sent is converted to an object (not technically 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.

21.scriptCharset:
Requires a parameter of type string that is used to force the character set (charset) only when the request is datatype to "JSONP" or "script" and type is get. Typically used when local and remote content encodings are different.

Case code:

$ (function () {
    $ (' #send '). Click (function () {
         $.ajax ({
             type: "Get",
             URL: "Test.json",
             data: { username:$ ("#username"). Val (), content:$ ("#content"). Val ()},
             DataType: "JSON",
             success:function (data) {
                         $ (' #resText '). empty ();   Empty all content inside Restext
                         var html = '; 
                         $.each (data, function (Commentindex, comment) {
                               html = ' <div class= ' comment ' >

22. By the way, the $.each () function:
The $.each () function differs from each () method of the JQuery object, which is a global function that does not manipulate the jquery object, but instead takes an array or object as the 1th argument, with a callback function as the 2nd argument. The callback function has two parameters: The 1th is the object's member or the index of the array, the 2nd is the corresponding variable or content, and the $.each () example is as follows:

var json = ' [{' id ': ' 1 ', ' tagName ': ' Apple '},{' id ': ' 2 ', ' tagName ': ' Orange '},
{' id ': ' 3 ', ' tagName ': ' Banana '},{' id ': "4", "TagName": "Watermelon"},
{"id": "5", "TagName": "Pineapple"}] ';
 
$.each (JSON, function (idx, obj) {
    alert (obj.tagname);
});

The each () method of the JQuery object is as follows:

$ ("button"). Click (function () {
  $ ("Li"). each (function () {
    alert ($ (this). Text ())
  });
Note: function (index,element) index-index position element for selector-current element (also use the "this" selector)

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.