2010-01-28 82 views
2

我想在wordpress中對我的頁面發表評論。當您按下張貼評論您的頁面更新而無需重新加載。我怎樣才能做到這一點?沒有頁面刷新的博客帖子評論(ajax)

我知道我必須使用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部分,使用頁面重新加載就像一個普通的表單就好,只是我想學習,並沒有頁面重新加載。任何想法我怎麼能做到這一點?

回答

4

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

+0

是否與最新的jQuery兼容?如果沒有,它會爲我節省一些時間:D tnx – ant 2010-01-28 19:50:10

+0

它是兼容的...我總是使用它... :)) – Reigel 2010-01-28 19:53:12

+0

嗯我取得了進展,但由於某種原因,我得到的錯誤與螢火蟲jQuery沒有定義和$沒有定義,但它的作品.. – ant 2010-01-28 20:06:39

0

$( '#postForm')。提交(函數()...

+0

這仍然會提交表單與加載頁面... – Reigel 2010-01-28 19:44:49

+0

現在它不工作在所有 – ant 2010-01-28 19:45:37

+0

我有錯誤,是的,它重新加載了網頁 – ant 2010-01-28 19:45:54

3

您必須return false從單擊處理功能,防止默認瀏覽器動作–即提交表單。所以,你的處理程序可能是這個樣子:

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

或者你可以綁定到submit事件也:

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