投稿後のリダイレクトを防止する

Question

このフォームは、フォームを送信するたびに "process_save.php"にリダイレクトされます。私が望むのは、まだ "process_save.php"の機能を実行することができますが、フォームを送信した後にそこにリダイレクトすることはできません。むしろ、フォーム（これはモーダル内にあります）を閉じて、現在のページにあるテーブルをリロードします。

送信後にリダイレクトを防止するにはどうすればよいですか？

<form id="form1" action="process_save.php" method="post"> 
.... 
</form> 

$('form1').submit(function(event) { 
     $.ajax({ 
      type  : 'POST', 
      dataType : 'json', 
      url   : "process_save.php", 
      data  : $(this).serialize(), 
      encode  : true 
     }) 
}); 

Answer 1

ます。また、提出削除、およびAJAXを呼び出すためのボタンを使用することができますevent.preventDefault() ;

jQuery('#form1').on('submit',function(event) { 
event.preventDefault() ; 

    $.ajax({ 
     type  : 'POST', 
     dataType : 'json', 
     url   : "process_save.php", 
     data  : $(this).serialize(), 
     encode  : true 
    }) 
}); 

Answer 2

を追加します。

<form id="form1" action="process_save.php" method="post"> 
    ..... 
    <button type="Button" id="save">Save</button> 
</form> 

$('#save').click(function(event) { 
     $.ajax({ 
      type  : 'POST', 
      dataType : 'json', 
      url   : "process_save.php", 
      data  : $('#form1').serialize(), 
      encode  : true 
     }) 
});