2010-01-28 94 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; 
}); 
相关问题