沒有頁面刷新的博客帖子評論（ajax）

Question

我正試着在我的頁面上發表評論，就像在wordpress中一樣。 當您按帖子評論時，您的頁面會更新而不會重新加載。 我怎樣才能做到這一點？

我知道我必須使用jquery帖子，我已經嘗試了幾次但由於某種原因我的網頁不斷重新加載。 我有一個這樣的表格：

<form name="postForm" id="postForm" action="addComments.php" method="post">
<textarea name="commentContent"></textarea>
<input type="submit" name="commentButton" id="commentButton">
</form>

我嘗試了$("#commentButton").click(function()做一些事情..但我仍然得到頁面重新加載。我的意思是我已經准備好了php部分，像普通表單一樣處理頁面重新加載就好了，只是我我喜歡在沒有頁面重新加載的情況下學習並做到這一點。任何想法我怎么能做到這一點？

Answer 1

嘗試使用http://www.malsup.com/jquery/form/ 。 這是jQuery插件提交表單沒有頁面加載...希望它會幫助你..

Answer 2

我找到了一個很棒的教程，我在搜索類似的內容時添加，刪除注釋而不刷新頁面。

http://www.9lessons.info/2009/11/insert-delete-with-jquery-and-ajax.html

Answer 3

您必須從單擊處理函數return false以防止默認的瀏覽器操作 - 即提交表單。 所以你的處理程序看起來像這樣：

$("#commentButton").click(function() {
    ...do your stuff...
    return false;
});

或者您也可以綁定到提交事件：

$("#postForm").submit(function() {
    ...do your stuff...
    return false;
});

Answer 4

$（'＃postForm'）。submit（function（）...