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

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

我怎么能刷新页面我提交表单后？

来源

2017-04-20 Capslock10

是的......我以前试过。但它并没有起作用。 – Capslock10

尝试将真实的参数传递给函数。例如：'location.reload（true）;' –

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

来源

2017-04-20 06:49:42 Kermit

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

回答

相关问题