DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery1.4 教程二 ajax方法的改進
jquery1.4 教程二 ajax方法的改進
編輯:JQuery特效代碼     
1 允許序列化嵌套的參數。
比如:{foo: ["bar", "baz"]} 將被序列化成foo[]=bar&foo[]=baz,而不是序列化成以前的foo=bar&foo=baz。

如果你想要使用舊的序列化方式,有三種設置方法:
代碼如下:
jQuery.ajaxSettings.traditional = true;
jQuery.param( stuff, true );
$.ajax({ data: stuff, traditional: true });

2 自動檢測json和javascript的數據類型。
1.4後返回json或javascript可以不用設置dataType 了,將會根據application/json或application/x-javascript自動判斷類型。但後台返回的數據類型務必指定。

3支持添加html頭信息。
$.ajax()新增一個屬性ifModified: true ,設置為true,可以有效利用浏覽器緩存(目前我還有試過其效果。)

4使用原生的JSON.parse,來解析json。
1.4會對ajax返回回來的json進行合法性驗證,錯誤的json格式將不予解析,比如{foo: "bar"}。

5 $.serialize()序列化表單時,現在可以序列化html5的表單元素。
……相當的與時俱進,html5我還沒認真看過…..

6 留意新增一個全新屬性Context,非常有用處
Context的出現真是太及時了,Context會簡化你的ajax請求。Context的作用是你可以自定義上下文,也就是指定ajax中回調函數的this。來看代碼:
代碼如下:
jQuery.ajax({
url: "test.html",
context: document.body,
success: function(){
jQuery(this).addClass("done");
}
});

代碼success回調函數中的this將指向document.body

7 顯式設置content-type
在1.4以前,如果你沒有設置參數data,$.ajax()會忽略contentType 這個參數的值,1.4contentType在ajax請求時都要發送。

8 你可以指定JSONP的回調函數名
9 默認不允許跨域請求
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved