表單使用jQuery提交Ajax有時不起作用

Question

我正在使用Ajax和jQuery進行表單數據提交。 當我在彈出窗口上提交表單時，我刷新了父頁面。 我的代碼：

$(document).ready(function() { 
    $("#frm_addSpeedData").submit(function(event) { 
    //event.preventDefault(); 
    $.ajax({ 
     type: "POST", 
      url: "/webapp/addSpeedDataAction.do", 
      data: $(this).serialize(), 
      success: function(data) { 
      //console.log("Data: " + data); 
      window.opener.location.reload(); 
      } 
     }); 
    }); 
}); 

但是頁面被刷新回調的成功，但我看不到我的父頁面上更新。有時我可以看到更新，有時甚至沒有。什麼是問題？我也需要知道如何在原生javascript中編寫它，並使用ajax javascript提交表單。

Answer 1

也許你得到這個錯誤是因爲javascript是異步的，並且即使你還沒有請求的響應，你的代碼也會繼續。

試試這個：

$(document).ready(function() { 
     $("#frm_addSpeedData").submit(function(event) { 
     //event.preventDefault(); 
     $.ajax({ 
      type: "POST", 
       url: "/webfdms/addSpeedDataAction.do", 
       data: $(this).serialize(), 
       async: false, // This will only proceed after getting the response from the ajax request. 
       success: function(data) { 
       //console.log("Data: " + data); 
       window.opener.location.reload(); 
       } 
      }); 
     }); 
    });