Understanding the datatype attribute option value in jquery ajax

The dataType attribute of ajax in jquery is used to specify the data type returned by the server. If not specified, jQuery will automatically make intelligent judgments based on the MIME information of the HTTP package. If the datatype option is not filled in, the returned data will be treated as a string. .

The dataType attribute of ajax in jquery is used to specify the data type returned by the server. If not specified, jQuery will automatically make intelligent judgments based on the HTTP packet MIME information. If the datatype option is not filled in, the returned data will be regarded as String handling.

1. Ajax syntax

jQuery.ajax([settings])

Parameter description

settings: used to configure Ajax The requested collection of key-value pairs. The default value for any option can be set via $.ajaxSetup().

2. The value of the datatype option of ajax

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

2. "html":: Returns plain text HTML information; the included script tag will be executed when inserted into the dom.

3. "script":: Returns plain text JavaScript code. Results are not automatically cached unless the "cache" parameter is set. Note: When making remote requests (not under the same domain), all POST requests will be converted into GET requests. (Because the DOM script tag will be used to load)

4. "json": Returns JSON data.

5. "jsonp": JSONP format. When calling a function using JSONP format, such as "myurl?callback=?" jQuery will automatically replace ? with the correct function name to execute the callback function, which is often used for cross-domain requests under different secondary domain names under the same primary domain name.

6. "text": Returns a plain text string.

The following are related issues about datatype in jquery ajax

When the datatype is set to html, only plain text is returned, and there is nothing to say. , when set to xml, an xml document object is returned.
For example, returning the following xml

< xml version="1.0" encoding="utf-8" >
<documentElement>
<table>
<provinceID>110000</provinceID>
<province>北京市</province>
<provinceID>120000</provinceID>
<province>天津市</province>
</table>
</documentElement>

This requires using XMLDocument and the like to operate, and the browser must also be considered
In fact, jquery It can also parse xml itself. As a simple example,

$.ajax({
type: "Get",
dataType: "xml",
url: "test.xml",
success: function(datas){
$("province",datas).each(function(i){ 
alert($($("provinceID",datas)[i]).text() + "_" + $(this).text());
});
}
});

the content in test.xml is the above xml, so datas is the returned xml document object. You can try it yourself

In fact, relatively speaking, I prefer to use datatype: "json". Using json data is more convenient for JavaScript to parse.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

Based on Jquery ajax technology to implement value transfer to a certain page every N seconds

Solution to ajax based on Jquery.history Forward and backward problem

How to solve the problem of Ajax request session failure

The above is the detailed content of Understanding the datatype attribute option value in jquery ajax. For more information, please follow other related articles on the PHP Chinese website!