Question

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

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

的Ajax：

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'。因为表单会调用提交 - 表单事件，如果您已经调用ajax提交，则应取消表单提交。

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

1 个答案: