0

包含表单的 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);
        });
    });
});

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

4

1 回答 1

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 在另一个文件夹中，则操作 / url 可能是错误的。

于 2012-04-18T14:36:18.747 回答