2017-08-21 22 views
1

我有一個模式,我想在不離開或刷新頁面的情況下提交表單。我使用這個腳本:不用重定向的模式的帖子形式

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

這工作到一定的程度,數據到達數據庫。不過,也有問題:

  • 下本地主機重定向我http://localhost/dashboard/
  • 形式似乎並沒有被貼過一次,但多次(在數據庫中的許多條目)

我試圖return falsee.preventDefault ,但沒有一個適用於重定向問題(實際上,整個腳本停止工作)。

有關如何解決這些問題的任何想法?

提前致謝!

+0

掛鉤的形式,而不是點擊按鈕的'submit'事件,也可以使用'的preventDefault()'在傳遞事件 –

+0

更改按鈕的類型從提交按鈕。 – gaetanoM

回答

0

有一個使用這種方法。當提交#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);       
     } 
    }); 

});