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