您好,登錄后才能下訂單哦!
這篇文章主要介紹了JQuery中ajax函數(shù)執(zhí)行失敗alert函數(shù)彈框一閃而過怎么解決,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
先查看<form>
標(biāo)簽是否有action屬性,如果沒有,并且最后<button>標(biāo)簽的type屬性為'submit‘時,默認(rèn)提交位置就是當(dāng)前頁面
如果在頁面右鍵檢查,點擊網(wǎng)絡(luò),會在開頭發(fā)現(xiàn)這樣的post包:
在右側(cè)消息頭處可見,請求網(wǎng)址為當(dāng)前網(wǎng)址,并且響應(yīng)頭部類型為html
所以只要把form表單里最后提交按鈕的type="submit"
換為type="button",
把按鈕變成原生按鈕,
就可以正確使用ajax方法傳遞數(shù)據(jù),原因就是form表單最后的提交按鈕與使用ajax傳遞數(shù)據(jù)沖突了
因為這個原因浪費了挺久時間,甚至把代碼又從頭到尾寫了一遍(感覺自己好蠢?。。?,總結(jié)了一下調(diào)試過程。
先貼一下ajax代碼:
$(function () { $("#register").on('click',function () { $.ajax({ type: 'post', url:"{:url('insert')}", data:$('#login').serialize(), dataType:'json', success:function (data) { alert('成功'); }, error:function () { alert('error'); } }) }) });
這里‘#register'是提交按鈕,‘#login'是表單,url發(fā)送到一個php腳本(插入表單數(shù)據(jù)到數(shù)據(jù)庫)。
用谷歌瀏覽器打開頁面,點擊注冊按鈕后,當(dāng)前頁面刷新,沒有任何反應(yīng)。
正常情況下,ajax執(zhí)行正確或失敗,根據(jù)上述代碼都應(yīng)該有消息彈窗,于是感覺到哪里出了問題。
打開數(shù)據(jù)庫,發(fā)現(xiàn)表單的數(shù)據(jù)都已經(jīng)插入到數(shù)據(jù)庫了,說明后臺php腳本是運行成功的,只是在返回數(shù)據(jù)的時候出現(xiàn)了問題。
右鍵檢查找到該post包,發(fā)現(xiàn)響應(yīng)頭部類型為html,而我設(shè)置的返回類型為json。
更換了Edge瀏覽器,問題同樣是數(shù)據(jù)庫插入了數(shù)據(jù),但是結(jié)果沒有消息彈窗。
更換火狐瀏覽器,再次點擊注冊按鈕時出現(xiàn)了消息彈窗,但是閃了一下就沒了!隱隱約約發(fā)現(xiàn)彈窗顯示為‘error'(感謝火狐瀏覽器?。?/p>
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“JQuery中ajax函數(shù)執(zhí)行失敗alert函數(shù)彈框一閃而過怎么解決”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。