Question

我有一个stackoverflow样式的评论系统，在人们可以评论的页面上有可变数量的帖子（“答案”）。我正在尝试使用jquery来获取用户注释的唯一选择器，将其提交到mysql数据库并显示它，所有这些都没有刷新。问题是我不知道如何选择单个注释，因为注释需要有一个唯一的选择器，现在它们都在同一个类（.commentBox）下。

JQUERY：

<script type='text/javascript'>
$('document').ready(function(){

$('.submitCommentBox').click(function(){

            var comment = $('  //idk ').valu();
            var questionid = $(' //idk  ').val();
            var answerid=$('  //idk  ').val();

    $.post('../comment.php',
    {

    comment: comment,
    questionid: questionid,
    answerid: answerid,


    },
    function(response){

        $('#commentContainer').load('../writecomment.php');

    });

}):

});

</script>

HTML（这是一个while循环和echos多次，具体取决于帖子的数量）：

                 <div class='answerContainer'>
                    <p name='singleAnswer' value='$answerid[$f]'>$answer[$f]</p>
                    <p>$answeruser[$f]</p>
                    <p> $time[$f] seconds</p>
                    <p> $answerrating[$f]</p>
                    <form id='form$c'>
                    <div id='commentContainer'></div>
                    <textarea class='commentBox' placeholder='...comment' wrap='soft' name='comment' value='$c'></textarea>
                    <input type='button' value='submit' class='submitCommentBox'>
                    </form>
                    </div>

Answer 1

您可以在表单上执行此操作，而只需将提交按钮更改为type =“submit”。

$('.addCommentForm').submit(function(){
    $.post({
        type: 'POST',
        url: '../comment.php',
        data: $(this).serialize(),   // $(this) referring to the source form that triggered the submit.
        success: function(data, textStatus, jqXHR) {
            // Do whatever like add the display only equivalent of the comment
            // that was just submitted if successful.
        }
    });
    return false; // Prevent the form from actually submitting the old fashion way.
});

有关详细信息，请参阅jquery api。 http://api.jquery.com/jQuery.post/

多个帖子评论系统

1 个答案: