先給大家說下問題背景:最近在做一個項目,開發微信的某個功能,使用的是asp.net開發,jquery1.8.0版本。
在微信中點擊按鈕觸發事件,調用ajax與服務器端進行交互,回調函數走的是error。
分析原因:首先我想到的是返回的數據類型有問題,因為在jquery 版本在1.4以上對json的格式非常嚴格,需要符合{"target":true,"message":"成功"}這樣的格式。用JSON.stringify()函數分析了response對象,結果符合,排除了原因。
既然ajax 走的是error,我開始分析error函數的參數,分別有XMLHttpRequest, textStatus, errorThrown。我發現XMLHttpRequest.status等於0,XMLHttpRequest.readyState等於0,說明窗體中有XMLHttpRequest對象卻沒有初始化,接下來開始研究怎麼初始化XMLHttpRequest對象。
解決辦法:
var xmlHttpRequest; $(function(){ if(window.XMLHttpRequest){ xmlHttpRequest=new XMLHttpRequest(); }else{ xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttpRequest.open("GET","AjaxServlet",true); });
這樣就能解決以上描述的問題,注意PC端訪問一般的Ajax不會出現問題,因為PC中浏覽器都有內建的 XMLHttpRequest對象,而在微信中,出現此現象,可能需要手動去構建和初始化。
ps:安卓版微信自帶浏覽器和IE6浏覽器ajax請求abort錯誤處理
給頁面元素綁定了一個click事件用來觸發ajax請求,在安卓微信自帶浏覽器中和IE6下,請求時常會被中斷,返回錯誤類型“abort”,在其他浏覽器中都一切正常。
在IE6中使用Fiddler2和httpWatch監視請求,經常會出現”aborted”,折騰特麼一個周末,。。。。。
不說廢話了....
解決辦法:在標簽上加上onclick='return false;'