jquery ajax发布重定向问题

Question

包含表单的div，包含在post div中

<div class="add-comment">
    <form action="post.php?post=<?php echo $post->id; ?>" class="commentform" method="post">
        <textarea name="content" class="comment_content"></textarea>
        <input type="submit" class="submit" name="submit_comment" value="Add Comment" />
    </form>
</div>

这是处理帖子的代码

if(isset($_POST['submit_comment'])){
    if(isset($_GET['post'])){
        $content = strip_tags(trim($_POST['content']));
        $comment = Comment::make($_GET['post'],$content,$_SESSION['user_id'],1);
        if($comment && $comment->save()){
            echo "Post submitted succesfully.";         
        }else{
            $message = Comment::$comment_message;
        }       
    }
}

没有 JS 的代码按预期工作。 我想要做的是提交评论而不刷新页面。 这是我尝试过的 JS 代码，但似乎失败了。

$(document).ready(function(){
    $('.commentform').submit(function(event){
        event.preventDefault(); 
        var form = $(this);
        var posturl = form.attr('action');
        var comment = form.find('textarea[name="content"]').val();
        //var comment = $(this).closest($('.comment_content'));
        $.post(posturl, comment, function(data){
            console.log(data);
        });
    });
});     

出了什么问题？按下提交按钮后，页面仍然存在，但评论没有被提交。 （我可以通过重新加载页面来判断）

Answer 1

问题是您发布的不是键值对，而是值：

var comment = form.find('textarea[name="content"]').val();

应该是这样的：

var comment = {'content': form.find('textarea[name="content"]').val()};

除此之外，您需要发布所有值，因为如果您不这样做，您的 php 将会失败，所以您最好使用类似的东西：

var comment = form.serialize();

编辑：由于您仍有问题，您需要在发布之前console.log您所有的javascript变量；如果 js 在另一个文件夹中，则 action / url 可能是错误的。