jquery ajax中的datatype屬性選項值的用法

本篇內容主要講解“jquery ajax中的datatype屬性選項值的用法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“jquery ajax中的datatype屬性選項值的用法”吧!

jquery中ajax的dataType屬性用于指定服務器返回的數據類型，如果不指定，jQuery 將自動根據HTTP包MIME信息來智能判斷，如果datatype選項不填寫的話，會將返回的數據當成字符串處理。

一、ajax語法

復制代碼 代碼如下:

jQuery.ajax([settings])

參數說明

settings：用于配置 Ajax 請求的鍵值對集合。可以通過 $.ajaxSetup() 設置任何選項的默認值。

二、ajax的datatype選項的值

1、"xml"：返回 XML 文檔，可用 jQuery 處理。

2、"html":：返回純文本 HTML 信息；包含的 script 標簽會在插入 dom 時執行。

3、"script":：返回純文本JavaScript 代碼。不會自動緩存結果，除非設置了 "cache" 參數。注意：在遠程請求時(不在同一個域下)，所有 POST 請求都將轉為 GET 請求。（因為將使用 DOM 的 script標簽來加載）

4、"json": 返回 JSON 數據 。

5、"jsonp": JSONP 格式。使用JSONP 形式調用函數時，如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數名，以執行回調函數，經常被用來同主域名下不同二級域名下的跨域請求。

6、"text": 返回純文本字符串。

下面是關于jquery ajax中的datatype相關問題

datatype設置為html的時候返回的只是純文本，沒有什么好說的，設置成xml的時候返回的是一個xml document對象，
比如返回下面這么一個xml

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

這就需要用XMLDocument之類來操作，還要考慮瀏覽器
其實jquery本身也可以解析xml，舉個簡單的例子

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

test.xml里面的內容就是上面的xml，這樣datas就是返回的xml文檔對象，lz可以自己試一試

其實相對來說我更喜歡使用datatype:"json",使用json數據對于javascript來說解析起來就更方便了

到此，相信大家對“jquery ajax中的datatype屬性選項值的用法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！