jquery - 如何搭建Ajax评论系统？

Question

我想尝试一下 jQuery 和 Ajax。

对于我的第一个，我只想创建一个输入框，输入我的评论，然后评论将显示在下面。没有页面刷新。我怎样才能做到这一点？

Answer 1

基本思想是您将拥有一个带有文本区域或输入的客户端页面。将 .click 附加到提交按钮，.click 将通过 .ajax 调用服务器端脚本。

客户端:

<script type="text/javascript">
    $(document).ready(
    $('#submit').click({
       $.ajax({
                 type=POST,
                 data: "comment="+$("#comments").val(),
                 dataType: json,
                 url: 'somePage.php',
                 success: function(data) {
                     if(data.error){
                         alert("server reported error"); 
                     }else{

                         $('#postedComments').append(data);
                     }
                 }
               });


    });


});
</script>
<div id="postedComments></div>
<textarea id="comments"></textarea>
<input type="submit" id="submit" value="Post Comment" />

服务器端:

<?php
   if(isset($_POST['comments'])){
        //perform Database insert of value $_POST['comments']
        if(<database error>){
            echo json_encode(array('error'=>'-1'));
        }else{
            echo json_encode(array('success'=>'1'));
        }
   }
?>

基本上，当客户端单击“提交”时，.ajax 会将“评论”发布到服务器端脚本。然后，该脚本处理请求并以 json 编码错误或成功报告，这就是在 ajax 调用成功时您可以确定服务器调用发生了什么的方式。 ajax 中的成功并不是成功，它仅仅表示服务器响应了，这就是为什么您可以编码一些消息以发送回客户端脚本来确定服务器响应是错误消息还是成功消息。