没有页面刷新的博客帖子评论（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（）...