表单使用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(); 
       } 
      }); 
     }); 
    });