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