理解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è)簡(jiǎn)單的例子
$.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)關(guān)鍵字聯(lián)想和自動(dòng)補(bǔ)全功能及遇到坑
這篇文章主要介紹了Ajax實(shí)現(xiàn)關(guān)鍵字聯(lián)想和自動(dòng)補(bǔ)全功能,實(shí)現(xiàn)代碼包括前端部分和后端部分,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08javascript對(duì)XMLHttpRequest異步請(qǐng)求的面向?qū)ο蠓庋b
對(duì)XMLHttpRequest異步請(qǐng)求的面向?qū)ο蠓庋b,需要的朋友可以參考下。2009-12-12Ajax請(qǐng)求成功后return無法接收到返回值的問題及解決方案
項(xiàng)目中需要頻繁的用到ajax請(qǐng)求,所以就想用一個(gè)方法將整個(gè)請(qǐng)求封裝起來,直接調(diào)用方法傳遞參數(shù),然后返回請(qǐng)求結(jié)果就可以了,這篇文章主要介紹了ajax請(qǐng)求成功后return無法接收到返回值,需要的朋友可以參考下2023-10-10Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法
這篇文章主要介紹了Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-07-07使用Ajax進(jìn)行文件與其他參數(shù)的上傳功能(java開發(fā))
這篇文章主要介紹了使用Ajax進(jìn)行文件與其他參數(shù)的上傳功能(java開發(fā)),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-01-01聊一聊數(shù)據(jù)請(qǐng)求中Ajax、Fetch及Axios的區(qū)別
axios、fetch和ajax的區(qū)別在網(wǎng)絡(luò)上存在很多文章,下面這篇文章也是給大家介紹了關(guān)于數(shù)據(jù)請(qǐng)求中Ajax、Fetch及Axios區(qū)別的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02AJAX實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10