表单提交后如何刷新页面？答案

【问题标题】：How to refresh the page after form submission?表单提交后如何刷新页面？
【发布时间】：2017-04-20 06:39:13
【问题描述】：

我使用淡入淡出对话框来显示一个表单，它可以通过ajax提交表单以在数据库中创建一个新记录。

我正在尝试在ajax 成功后刷新我的页面。但是，使用 Javascript 不会刷新页面（例如 location.replace etc）。

阿贾克斯：

function callDatabase(action)
{
    var pn = $('#PN').val();
    var pp = $('#PP').val();

    $.ajax({
        type:"POST",
        url:"databaseFunction.php",
        data:{action: action, pn: pn, pp: pp},
        success:function(msg){
           window.location.reload();
        }
    });

}

HTML：

p>          
        <button class="btn btn-primary" data-toggle="modal" data-target="#addData">Insert Data</button>
    </p>
    <!-- Modal -->
    <div class="modal fade" id="addData" tabindex="-1" role="dialog" aria-labelledby="addLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="addLabel">Insert Data</h4>
          </div>
        <form id="insertForm" >
          <div class="modal-body">
              <div class="form-group">
                <label for="PN">ProductName</label>
                <input type="string" class="form-control" id="PN" placeholder="ProductName">
              </div>
              <div class="form-group">
                <label for="PP">ProductPrice</label>
                <input type="string" class="form-control" id="PP" placeholder="ProductPrice">
              </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="submit" onclick="callDatabase('insert')" class="btn btn-primary">Save</button>
          </div>
        </div>
        </form>
      </div>
    </div>

</div>

提交表单后如何刷新页面？

【问题讨论】：

是的...我以前试过。但这也没有用。
尝试将真正的参数传递给函数。例如：location.reload(true);

标签： javascript html ajax

【解决方案1】：

您可以将'type=submit' 更改为'type=button'。因为一个表单会调用表单的submit-Event，如果你已经调用ajax提交，你应该取消表单的提交。

【讨论】：