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我還沒認(rèn)真看過…..
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 默認(rèn)不允許跨域請求
比如:{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我還沒認(rèn)真看過…..
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 默認(rèn)不允許跨域請求
相關(guān)文章
基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解
本篇文章介紹了,基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下2013-04-04Jquery屬性的獲取/設(shè)置及樣式添加/刪除操作技巧分析
這篇文章主要介紹了Jquery屬性的獲取/設(shè)置及樣式添加/刪除操作技巧,結(jié)合實例形式分析了jquery針對屬性與樣式的相關(guān)獲取、設(shè)置、添加、刪除等相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-12-12jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
本文是小編給大家?guī)淼膉Query Ajax Post 回調(diào)函數(shù)不執(zhí)行的原因及解決方法,在本文最下面還給大家附加jquery Ajax 不執(zhí)行回調(diào)函數(shù)success的原因,這兩個問題都非常多見,感興趣的朋友一起看下吧2016-08-08jQuery實現(xiàn)鼠標(biāo)點擊彈出漸變層的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)點擊彈出漸變層的方法,jQuery是當(dāng)下最具人氣的JavaScript庫,需要的朋友可以參考下2015-07-0710款新鮮出爐的 jQuery 插件(Ajax 插件,有幻燈片、圖片畫廊、菜單等)
這篇文章與大家分享的是10款新鮮出爐的基于 jQuery 開發(fā)的 Ajax 插件,有幻燈片、圖片畫廊、菜單等很多有用的插件。這些作者的想法特別新穎,希望你能從中找到自己需要的插件。2011-06-06jQuery實現(xiàn)contains方法不區(qū)分大小寫的方法
這篇文章主要介紹了jQuery實現(xiàn)contains方法不區(qū)分大小寫的方法,實例分析了針對contains方法的重寫技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02