關於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下失效