フォームの送信後にページを更新するにはどうすればよいですか？

Question

フェードダイアログを使ってフォームを表示し、でフォームを送信してデータベースに新しいレコードを作成することができます。

そして、私は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イベントを呼び出すので、すでにajaxを呼び出してフォームを送信している場合は、フォームの送信をキャンセルする必要があります。