1. 程式人生 > >關於jQuery的AJAX不相容IE的解決辦法

關於jQuery的AJAX不相容IE的解決辦法

在使用jQuery的AJAX:get方法去檢測資料是否存在時,會發現IE會出現不相容的情況。

用AJAX:post方法時,使用Chrome/FireFox/IE均能出現正確的結果,但是在使用AJAX:get方法時,IE卻不能返回正確的結果。

難道是資料超出了get方法的限制的長度,這個也不可能,我總共才傳了一點點資料。排除。

網上一些網友說是IE快取的問題,在請求資料後邊加上隨機數就行,比如加上時間數new Date().getTime()。

先前的程式碼中我已經添加了隨機數,用的是“Math.random()”也不行。難道用時間比較靠譜?

那就改成獲取時間試試,在引數後加“new Date().getTime()”後反覆測試還是不行,真是百思不得其解!這個錯誤也排除了。

反覆檢視手冊後發現請求的資料格式還是有一種JSON格式,如{foo:[“bar1”, “bar2”]} ,然後就按照這種格式書寫,還真的返回了正確的查詢結果。真不知道IE還有這點要求。(完)

先前的格式:

type: "get",

data: "bid="+my_bid+"&name_cn="+name_cn+"&timeStamp="+new Date().getTime(),

改進後格式:

type: "get",

data: {'bid':my_bid,'name_cn':name_cn,'timeStamp':new Date().getTime()},

在jQuery手冊中是這樣描述的:

data Object,String

傳送到伺服器的資料。將自動轉換為請求字串格式。GET 請求中將附加在 URL 後。

檢視 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。

如果為陣列,jQuery 將自動為不同值對應同一個名稱。如 {foo:[“bar1”, “bar2”]} 轉換為 “&foo=bar1&foo=bar2”。

程式碼片段:

var siteUrl=“http://blog.sina.com.cn/cnwyt”;
jQuery.ajax({
type: “get”,
url: siteUrl+“cosmetics/product/ajax_check?”,
//data: “bid=”+my_bid+"&name_cn="+name_cn+"&timeStamp=" + new Date().getTime(),
data: {‘bid’:my_bid,‘name_cn’:name_cn,‘timeStamp’:new Date().getTime()},
dataType: ‘json’,
error: function (err) { alert(‘網路故障,請與管理員聯絡!’) },
success: function (message) {
if(message!=false){
//ture的程式碼
}else{
//false的程式碼
}
});

參考連結:

jQuery 的 .get和.post和.ajax方法IE的相容問題

http://blog.csdn.net/muziduoxi/article/details/7541800

jquery ajax在IE下失效

http://www.im87.cn/blog/256

轉自:http://blog.sina.com.cn/s/blog_6c971aa301014mva.html