理解jquery ajax中的datatype屬性選項(xiàng)值
jquery中ajax的dataType屬性用于指定服務(wù)器返回的數(shù)據(jù)類型,如果不指定,jQuery 將自動(dòng)根據(jù)HTTP包MIME信息來智能判斷,如果datatype選項(xiàng)不填寫的話,會(huì)將返回的數(shù)據(jù)當(dāng)成字符串處理。
一、ajax語法
jQuery.ajax([settings])
參數(shù)說明
settings:用于配置 Ajax 請(qǐng)求的鍵值對(duì)集合??梢酝ㄟ^ $.ajaxSetup() 設(shè)置任何選項(xiàng)的默認(rèn)值。
二、ajax的datatype選項(xiàng)的值
1、"xml":返回 XML 文檔,可用 jQuery 處理。
2、"html"::返回純文本 HTML 信息;包含的 script 標(biāo)簽會(huì)在插入 dom 時(shí)執(zhí)行。
3、"script"::返回純文本JavaScript 代碼。不會(huì)自動(dòng)緩存結(jié)果,除非設(shè)置了 "cache" 參數(shù)。注意:在遠(yuǎn)程請(qǐng)求時(shí)(不在同一個(gè)域下),所有 POST 請(qǐng)求都將轉(zhuǎn)為 GET 請(qǐng)求。(因?yàn)閷⑹褂?DOM 的 script標(biāo)簽來加載)
4、"json": 返回 JSON 數(shù)據(jù) 。
5、"jsonp": JSONP 格式。使用JSONP 形式調(diào)用函數(shù)時(shí),如 "myurl?callback=?" jQuery 將自動(dòng)替換 ? 為正確的函數(shù)名,以執(zhí)行回調(diào)函數(shù),經(jīng)常被用來同主域名下不同二級(jí)域名下的跨域請(qǐng)求。
6、"text": 返回純文本字符串。
下面是關(guān)于jquery ajax中的datatype相關(guān)問題
datatype設(shè)置為html的時(shí)候返回的只是純文本,沒有什么好說的,設(shè)置成xml的時(shí)候返回的是一個(gè)xml document對(duì)象,
比如返回下面這么一個(gè)xml
< xml version="1.0" encoding="utf-8" > <documentElement> <table> <provinceID>110000</provinceID> <province>北京市</province> <provinceID>120000</provinceID> <province>天津市</province> </table> </documentElement>
這就需要用XMLDocument之類來操作,還要考慮瀏覽器
其實(shí)jquery本身也可以解析xml,舉個(gè)簡單的例子
$.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里面的內(nèi)容就是上面的xml,這樣datas就是返回的xml文檔對(duì)象,lz可以自己試一試
其實(shí)相對(duì)來說我更喜歡使用datatype:"json",使用json數(shù)據(jù)對(duì)于javascript來說解析起來就更方便了
- Jquery Ajax學(xué)習(xí)實(shí)例6 向WebService發(fā)出請(qǐng)求,返回DataSet(XML) 異步調(diào)用
- Jquery+ajax請(qǐng)求data顯示在GridView上(asp.net)
- Asp.net下使用Jquery Ajax傳送和接收DataTable的代碼
- JQuery DataTable刪除行后的頁面更新利用Ajax解決
- 使用jquery的ajax需要注意的地方dataType的設(shè)置
- jQuery ajax dataType值為text json探索分享
- Jquery中ajax方法data參數(shù)的用法小結(jié)
- JQuery.Ajax()的data參數(shù)類型實(shí)例詳解
相關(guān)文章
AJAX實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10
使用Ajax技術(shù)通過XMLHttpRequest對(duì)象完成首頁登錄功能
這篇文章主要介紹了使用Ajax技術(shù)通過XMLHttpRequest對(duì)象完成首頁登錄功能,很不錯(cuò)的嘗試,需要的朋友可以參考下2014-08-08
ajax實(shí)現(xiàn)頁面加載和內(nèi)容刪除
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)頁面加載和內(nèi)容刪除的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
layui Ajax請(qǐng)求給下拉框賦值的實(shí)例
今天小編就為大家分享一篇layui Ajax請(qǐng)求給下拉框賦值的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
AJAX實(shí)現(xiàn)JSON與XML數(shù)據(jù)交換方法詳解
這篇文章主要介紹了AJAX實(shí)現(xiàn)JSON與XML數(shù)據(jù)交換方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01
ajax三級(jí)聯(lián)動(dòng)實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了ajax三級(jí)聯(lián)動(dòng)的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
ajax 入門基礎(chǔ)之 XMLHttpRequest對(duì)象總結(jié)
在ajax中有一個(gè)最為核心的概念就是 XMLHttpRequest 對(duì)象,這篇文章將有助于我們更加深入的理解 ajax 的知識(shí)2009-08-08

