jquery1.4 教程二 ajax方法的改進(jìn)
更新時(shí)間：2010年02月25日 22:50:20 作者：
jquery1.4在ajax方法上進(jìn)一步的進(jìn)行優(yōu)化和調(diào)整，主要是做了如下的改進(jìn)。
1 允許序列化嵌套的參數(shù)。
比如：{foo: ["bar", "baz"]} 將被序列化成foo[]=bar&foo[]=baz，而不是序列化成以前的foo=bar&foo=baz。
如果你想要使用舊的序列化方式，有三種設(shè)置方法：
jQuery.ajaxSettings.traditional = true;
jQuery.param( stuff, true );
$.ajax({ data: stuff, traditional: true });
2 自動(dòng)檢測(cè)json和javascript的數(shù)據(jù)類(lèi)型。
1.4后返回json或javascript可以不用設(shè)置dataType 了，將會(huì)根據(jù)application/json或application/x-javascript自動(dòng)判斷類(lèi)型。但后臺(tái)返回的數(shù)據(jù)類(lèi)型務(wù)必指定。
3支持添加html頭信息。
$.ajax()新增一個(gè)屬性ifModified: true ，設(shè)置為true，可以有效利用瀏覽器緩存（目前我還有試過(guò)其效果。）
4使用原生的JSON.parse，來(lái)解析json。
1.4會(huì)對(duì)ajax返回回來(lái)的json進(jìn)行合法性驗(yàn)證，錯(cuò)誤的json格式將不予解析，比如{foo: "bar"}。
5 $.serialize()序列化表單時(shí)，現(xiàn)在可以序列化html5的表單元素。
……相當(dāng)?shù)呐c時(shí)俱進(jìn)，html5我還沒(méi)認(rèn)真看過(guò)…..
6 留意新增一個(gè)全新屬性Context，非常有用處
Context的出現(xiàn)真是太及時(shí)了，Context會(huì)簡(jiǎn)化你的ajax請(qǐng)求。Context的作用是你可以自定義上下文，也就是指定ajax中回調(diào)函數(shù)的this。來(lái)看代碼：
jQuery.ajax({
url: "test.html",
context: document.body,
success: function(){
jQuery(this).addClass("done");
}
});
代碼success回調(diào)函數(shù)中的this將指向document.body
7 顯式設(shè)置content-type
在1.4以前，如果你沒(méi)有設(shè)置參數(shù)data，$.ajax()會(huì)忽略contentType 這個(gè)參數(shù)的值，1.4contentType在ajax請(qǐng)求時(shí)都要發(fā)送。
8 你可以指定JSONP的回調(diào)函數(shù)名
9 默認(rèn)不允許跨域請(qǐng)求
比如：{foo: ["bar", "baz"]} 將被序列化成foo[]=bar&foo[]=baz，而不是序列化成以前的foo=bar&foo=baz。
如果你想要使用舊的序列化方式，有三種設(shè)置方法：
復(fù)制代碼 代碼如下:
jQuery.ajaxSettings.traditional = true;
jQuery.param( stuff, true );
$.ajax({ data: stuff, traditional: true });
2 自動(dòng)檢測(cè)json和javascript的數(shù)據(jù)類(lèi)型。
1.4后返回json或javascript可以不用設(shè)置dataType 了，將會(huì)根據(jù)application/json或application/x-javascript自動(dòng)判斷類(lèi)型。但后臺(tái)返回的數(shù)據(jù)類(lèi)型務(wù)必指定。
3支持添加html頭信息。
$.ajax()新增一個(gè)屬性ifModified: true ，設(shè)置為true，可以有效利用瀏覽器緩存（目前我還有試過(guò)其效果。）
4使用原生的JSON.parse，來(lái)解析json。
1.4會(huì)對(duì)ajax返回回來(lái)的json進(jìn)行合法性驗(yàn)證，錯(cuò)誤的json格式將不予解析，比如{foo: "bar"}。
5 $.serialize()序列化表單時(shí)，現(xiàn)在可以序列化html5的表單元素。
……相當(dāng)?shù)呐c時(shí)俱進(jìn)，html5我還沒(méi)認(rèn)真看過(guò)…..
6 留意新增一個(gè)全新屬性Context，非常有用處
Context的出現(xiàn)真是太及時(shí)了，Context會(huì)簡(jiǎn)化你的ajax請(qǐng)求。Context的作用是你可以自定義上下文，也就是指定ajax中回調(diào)函數(shù)的this。來(lái)看代碼：
復(fù)制代碼 代碼如下:
jQuery.ajax({
url: "test.html",
context: document.body,
success: function(){
jQuery(this).addClass("done");
}
});
代碼success回調(diào)函數(shù)中的this將指向document.body
7 顯式設(shè)置content-type
在1.4以前，如果你沒(méi)有設(shè)置參數(shù)data，$.ajax()會(huì)忽略contentType 這個(gè)參數(shù)的值，1.4contentType在ajax請(qǐng)求時(shí)都要發(fā)送。
8 你可以指定JSONP的回調(diào)函數(shù)名
9 默認(rèn)不允許跨域請(qǐng)求
相關(guān)文章
jQuery插件pagination實(shí)現(xiàn)無(wú)刷新分頁(yè)
本文我們一步一步看看使用jQuery、JSON、Ajax和微軟jQuery Template插件組合實(shí)現(xiàn)jQuery無(wú)刷新分頁(yè)，希望能給你一些幫助，感興趣的朋友可以參考一下2016-05-05
jQuery)擴(kuò)展jQuery系列之一 模擬alert，confirm（一）
很多人都為了使alert系統(tǒng)的調(diào)用函數(shù)在自己的控制范圍之內(nèi)，都選擇了去封裝一個(gè)屬于自己的alert組件，現(xiàn)在我們就動(dòng)手實(shí)現(xiàn)一個(gè)這樣的小部件。2010-12-12
jquery實(shí)現(xiàn)網(wǎng)頁(yè)查找功能示例分享
當(dāng)需要在頁(yè)面中查找某個(gè)關(guān)鍵字時(shí)，一是可以通過(guò)瀏覽器的查找功能實(shí)現(xiàn)，二是可以通過(guò)前端腳本準(zhǔn)確查找定位，本文介紹通過(guò)jQuery實(shí)現(xiàn)的頁(yè)面內(nèi)容查找定位的功能，并可擴(kuò)展顯示查找后的相關(guān)信息2014-02-02
jQuery插件 tabBox實(shí)現(xiàn)代碼
最近對(duì)js以及jq產(chǎn)生了濃厚的興趣，看到j(luò)q有很多很好用的插件，功能各異，包括webUI,jqGrid等等。心里萌發(fā)了制作屬于自己的jq插件的想法。2010-02-02
使用jquery-easyui的布局layout寫(xiě)后臺(tái)管理頁(yè)面的代碼詳解
這篇文章主要介紹了使用jquery-easyui的布局layout寫(xiě)后臺(tái)管理頁(yè)面的代碼詳解，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
這篇文章介紹了JQuery獲取對(duì)象的方式，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
Query中click(),bind(),live(),delegate()的區(qū)別
這篇文章主要介紹了Query中click(),bind(),live(),delegate()之間的區(qū)別。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
Jquery中dialog屬性小記，使用jquery dialog的朋友可以參考下。2010-09-09
jquery 倒計(jì)時(shí)效果實(shí)現(xiàn)秒殺思路
公司做了個(gè)秒殺頁(yè)面，需要做一個(gè)倒計(jì)時(shí)效果，感覺(jué)還特此收藏，喜歡的朋友也可以學(xué)習(xí)下2013-09-09
jQuery extend()詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了jQuery extend()詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05