没有页面刷新的博客帖子评论(ajax)

时间:2010-01-28 19:35:46

标签: php jquery ajax forms post

我正试图在我的页面上发表评论,就像在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部分,像普通表单一样处理页面重新加载就好了,只是我想学习并在没有页面重新加载的情况下执行此操作。我知道如何才能实现这一目标?

4 个答案:

答案 0 :(得分:4)

尝试使用http://www.malsup.com/jquery/form/。这是jQuery插件提交表单没有页面加载...希望它会帮助你...

答案 1 :(得分:3)

我在搜索类似的内容时发现了一个很棒的教程,例如在没有页面刷新的情况下添加,删除注释。

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

答案 2 :(得分:3)

您必须从点击处理程序功能return false来阻止默认的浏览器操作 - 即提交表单。所以你的处理程序看起来像这样:

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

或者您也可以绑定到提交事件:

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

答案 3 :(得分:0)

$('#postForm')。submit(function()...