參考資料:https://blog.csdn.net/weixin_43889841/article/details/98503817
最近做綁定頁面,輸入手機(jī)號唐础、驗證碼箱歧,提交綁定請求,請求成功后扔跳轉(zhuǎn)到綁定頁面一膨,再次發(fā)送綁定請求能跳轉(zhuǎn)到正確頁面呀邢,解決辦法如下:
解決方法一:
在$.ajax方法外,加上return false豹绪;
解決辦法二:
將button的 type=submit 改為 type=button
為什么要加呢价淌?
在表單中的button默認(rèn)類型是submit,如果你觸發(fā)ajax請求的是button瞒津,而你的button又在表單中蝉衣,那么在你發(fā)送請求后,在執(zhí)行success回調(diào)方法之前會提交表單仲智,如果我們好好了解一下表單和ajax請求區(qū)別的話买乃,可以知道表單是要刷新整個界面的,所以當(dāng)你發(fā)送請求后钓辆,會提交表單剪验,這時候你的界面就不是你之前的界面了,所以我們要讓他發(fā)完請求后不要提交表單前联,也就是用return false終止
既然我們知道了原理功戚,那我們也大可以這樣,把button從表單拿出來似嗤,或者說不需要表單你就干脆把表單刪了啸臀,反正你是ajax請求,再不濟(jì)你就設(shè)置button的類型不要是submit就好了