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

Question

我使用了淡入淡出对话框来显示表单，它可以通过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>

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

Answer 1

您可以将'type=submit'更改为'type=button' 。 由于表单将调用表单的Submit-Event，因此，如果您已经调用了ajax进行提交，则应取消表单的提交。