如何在表單提交後刷新頁面？

我使用淡入淡出對話框來顯示錶單，並且可以通過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

如何在表單提交後刷新頁面？

回答

相關問題