我的ajax代码有什么问题可以直播显示评论?

时间:2016-01-08 14:02:34

标签: javascript php jquery ajax

这里我有一个提交评论的表单,.disp div显示注释和ajax代码,用于将数据发送到comments.php,后者将数据插入数据库。这里ajax代码发送数据但没有prepends实时评论。我必须刷新页面才能看到评论。意味着插入了数据,但只有实时显示评论不起作用。包含jQuery库。

<form method='post' name='form' action=''>
    <input type='text' name='comment' id='comment' placeholder='Write a comment....' /><br />
    <input type='submit' name='submit' id='submit' />
</form>

<div class='disp'>
    <table>
        <tr>
            <td>
                <img src='<?php echo $row['pic']; ?>'/>
            </td>
            <td>
                <a href='<?php echo $row['username']; ?>'><?php echo $row['name'] ?></a>
                <p><?php echo $row['comment']; ?></p>
            </td>
        </tr>
    </table>
</div>
$(function() {
    ("#submit").click(function(e) { e.preventDefault();
        var comment = $("#comment").val();
        var post = '<?php echo $postid ?>';
        var dataString = 'comment=' + comment + '&post=' + post;

        if (comment == '') {
            alert('Please Give Valid Details');
        } else {
            $.ajax({
                type: "POST",
                url: "comment.php",
                data: dataString,
                cache: false,
                success: function(html){
                error: function(xhr, status, error) { var err = eval("(" + xhr.responseText + ")"); console.log(err.Message); }
                    $(".disp").prepend(html);
                }
            });
        }
        return false;
    }); 
});

0 个答案:

没有答案