jquery1.8版本使用ajax實(shí)現(xiàn)微信調(diào)用出現(xiàn)的問題分析及解決辦法
先給大家說下問題背景:最近在做一個(gè)項(xiàng)目,開發(fā)微信的某個(gè)功能,使用的是asp.net開發(fā),jquery1.8.0版本。
在微信中點(diǎn)擊按鈕觸發(fā)事件,調(diào)用ajax與服務(wù)器端進(jìn)行交互,回調(diào)函數(shù)走的是error。
分析原因:首先我想到的是返回的數(shù)據(jù)類型有問題,因?yàn)樵趈query 版本在1.4以上對json的格式非常嚴(yán)格,需要符合{"target":true,"message":"成功"}這樣的格式。用JSON.stringify()函數(shù)分析了response對象,結(jié)果符合,排除了原因。
既然ajax 走的是error,我開始分析error函數(shù)的參數(shù),分別有XMLHttpRequest, textStatus, errorThrown。我發(fā)現(xiàn)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不會(huì)出現(xiàn)問題,因?yàn)镻C中瀏覽器都有內(nèi)建的 XMLHttpRequest對象,而在微信中,出現(xiàn)此現(xiàn)象,可能需要手動(dòng)去構(gòu)建和初始化。
ps:安卓版微信自帶瀏覽器和IE6瀏覽器ajax請求abort錯(cuò)誤處理
給頁面元素綁定了一個(gè)click事件用來觸發(fā)ajax請求,在安卓微信自帶瀏覽器中和IE6下,請求時(shí)常會(huì)被中斷,返回錯(cuò)誤類型“abort”,在其他瀏覽器中都一切正常。
在IE6中使用Fiddler2和httpWatch監(jiān)視請求,經(jīng)常會(huì)出現(xiàn)”aborted”,折騰特么一個(gè)周末,。。。。。
不說廢話了....
解決辦法:在標(biāo)簽上加上onclick='return false;'
- jQuery實(shí)現(xiàn)微信長按識別二維碼功能
- 使用jQuery Rotare實(shí)現(xiàn)微信大轉(zhuǎn)盤抽獎(jiǎng)功能
- jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎(jiǎng)功能的方法
- 使用jQuery.wechat構(gòu)建微信WEB應(yīng)用
- jquery使用ajax實(shí)現(xiàn)微信自動(dòng)回復(fù)插件
- Jquery 類網(wǎng)頁微信二維碼圖塊滾動(dòng)效果具體實(shí)現(xiàn)
- JavaScript結(jié)合Bootstrap仿微信后臺(tái)多圖文界面管理
- jquery仿微信聊天界面
相關(guān)文章
編碼為GB2312網(wǎng)站讓AJAX接收的數(shù)據(jù)顯示支持中文
GB2312 網(wǎng)站AJAX接收的數(shù)據(jù)顯示支持中文2010-01-01SpringMVC+Jquery實(shí)現(xiàn)Ajax功能
SpringMVC:是基于Spring的一個(gè)子框架(MVC框架),功能強(qiáng)于Spring,這個(gè)框架主要是解決咱們Controller這一層的問題。這篇文章主要介紹了SpringMVC+Jquery實(shí)現(xiàn)Ajax功能,需要的朋友可以參考下2019-06-06