解決微信返回上一頁(yè)，頁(yè)面中的AJAX的請(qǐng)求，對(duì)Get請(qǐng)求無(wú)效的問(wèn)題
先給大家分析問(wèn)題產(chǎn)生原因
最近在做一個(gè)微信的項(xiàng)目時(shí)，遇到一種很常見(jiàn)的情況，需求是這樣的，當(dāng)用戶進(jìn)入到“我的個(gè)人中心”的時(shí)候，會(huì)有一個(gè)點(diǎn)擊跳轉(zhuǎn)填寫(xiě)認(rèn)證資料的按鈕，點(diǎn)擊此按鈕后，會(huì)跳轉(zhuǎn)到認(rèn)證資料填寫(xiě)頁(yè)面，填寫(xiě)資料，提交成功后。當(dāng)用戶直接返回到上一頁(yè)的時(shí)候。需要修改認(rèn)證狀態(tài)為“認(rèn)證中”。此時(shí)需要使用一個(gè)AJAX方法去查詢認(rèn)證狀態(tài)，并修改頁(yè)面的狀態(tài)顯示。
當(dāng)時(shí)沒(méi)有按照標(biāo)準(zhǔn)的方法寫(xiě)ajax方法，默認(rèn)使用的方法是Get請(qǐng)求，前臺(tái)JS代碼如下：
window.onload = function(){
var isProfesser=$('#isProfesser').val();
var isreview=$('#isreview').val();
var userid=$('#myId').val();
if(isProfesser=='0' && isreview=='0'){
$.ajax({
url:"/isAuthenticing",
data: {userid:userid},
success: function (data, textStatus, jqXHR) {
if(data.result=='1'){
$('#approveadd a').html("+認(rèn)證中")
}
},
error: function () {
}
});
}
//getMyQusetionInfo();
}
后臺(tái)controller默認(rèn)接收的也是GET
@RequestMapping(value = "/isAuthenticing", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> isAuthenticing(@RequestParam("userid") String userid,HttpServletRequest request) throws IOException {
//方法體;
}
解決辦法
實(shí)踐證明使用Get方法式是不行的，每次后退到上一頁(yè)的時(shí)候，頁(yè)面中的ajax方法會(huì)照常執(zhí)行，但是并不會(huì)請(qǐng)求后臺(tái)的controller,請(qǐng)求返回的值也是上一次加載頁(yè)面時(shí)候的值，具體原因我暫時(shí)不明確。
后來(lái)抱著試一試的心態(tài) 我使用可POST請(qǐng)求，出人意料的是 使用POST請(qǐng)求，真?zhèn)€流程就走通了。
前臺(tái)JS代碼如下：
window.onload = function(){
var isProfesser=$('#isProfesser').val();
var isreview=$('#isreview').val();
var userid=$('#myId').val();
if(isProfesser=='0' && isreview=='0'){
$.ajax({
url:"/isAuthenticing",
data: {userid:userid},
type: 'POST',
success: function (data, textStatus, jqXHR) {
if(data.result=='1'){
$('#approveadd a').html("+認(rèn)證中")
}
},
error: function () {
}
});
}
//getMyQusetionInfo();
}
后臺(tái)代碼：
@RequestMapping(value = "/isAuthenticing", method = RequestMethod.POST)
@ResponseBody
public Map<String, Object> isAuthenticing(@RequestParam("userid") String userid,HttpServletRequest request) throws IOException {
//方法體
}
希望能夠幫助那些和我遇到同樣問(wèn)題的人。
注：紅色部分為修改的部分
以上所述是小編給大家介紹的解決微信返回上一頁(yè)，頁(yè)面中的AJAX的請(qǐng)求，對(duì)Get請(qǐng)求無(wú)效的問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
js跨域調(diào)用WebService的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js跨域調(diào)用WebService的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
ajax的responseText亂碼的問(wèn)題的解決方法
javascript的編碼是和myeclipse一樣的為什么還會(huì)出現(xiàn)問(wèn)題，下面為大家介紹下ajax的responseText亂碼的問(wèn)題的解決方法2014-05-05
ajax一般做兩個(gè)if判斷，判斷readyState是否等于4，即響應(yīng)完畢，status是否等于200.，即一切正常2013-07-07
用iframe設(shè)置代理解決ajax跨域請(qǐng)求問(wèn)題
面對(duì)ajax跨域請(qǐng)求的問(wèn)題，想用代理的方式來(lái)解決這個(gè)跨域問(wèn)題。在服務(wù)器端創(chuàng)建一個(gè)靜態(tài)的代理頁(yè)面，在客戶端用iframe調(diào)用這個(gè)代理2013-11-11
AJAX集天氣\IP\多國(guó)語(yǔ)言翻譯MP3(可同步LRC歌詞顯示)\萬(wàn)年歷查詢通
AJAX集天氣\IP\多國(guó)語(yǔ)言翻譯MP3(可同步LRC歌詞顯示)\萬(wàn)年歷查詢通...2007-09-09
關(guān)于ajax對(duì)象一些常用屬性、事件和方法大小寫(xiě)比較常見(jiàn)的問(wèn)題總結(jié)