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

使用jQuery表单提交Ajax有时不起作用

1 个答案: