先查看<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>

總結(jié)

以上所述是小編給大家介紹的解決JQuery的ajax函數(shù)執(zhí)行失敗alert函數(shù)彈框一閃而過問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！

最新評論