リダイレクトなしのモーダルでの投稿

Question

私は、ページを残したり更新したりせずに送信したいフォームのモーダルを持っています。私はこのスクリプトを使用しています：

$("#submitButton").click(function(){ 
    $.post("contact_submit.php", $("#contactForm").serialize()); 
}); 

これは、データベースにデータが到着するまで一定の長さになります。しかし、問題がある：それはフォーム

http://localhost/dashboard/に私をリダイレクトlocalhostの下

• は、私がreturn falseとe.preventDefaultを試してみました

（データベース内の多くのエントリ）を1回掲載されていないようですが、複数回リダイレクションの問題はありません（実際は、スクリプト全体が機能しなくなります）。

どのようにこれらの問題を解決するためのアイデアですか？

ありがとうございます！

Answer 1

このアプローチを使用してください。 #id-of-formが送信されると、これがトリガーされます。例えばボタンに提出から

$("#id-of-form").submit(function(){ 

    $.ajax({ 
     type: "POST", 
     url: "contact_submit.php", 
     data: $("#contactForm").serialize(), 
     success: function(data) { 
      /* load the response from contact_submit.php into div id results */ 
      $('#results').html(data);       
     } 
    }); 

});