Question

我想在一段时间内搞乱jQuery和Ajax。

首先，我想创建一个输入框，输入我的评论，然后评论将显示在下方。没有页面刷新。我怎么能这样做？

Answer 1

基本思想是你有一个带有textarea或输入的客户端页面。将.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的成功并不成功它只是表明服务器响应，这就是为什么你可以编码一些消息发送回客户端脚本以确定服务器是否响应错误或成功消息。

Answer 2

您应该将post输入框内容发送到服务器，并append将其从服务器获取成功消息后发送给评论。

Answer 3

我已经构建了一个类似于wordpress的jQuery驱动的ajax评论系统。创建/删除操作都是ajax驱动的。

我通过手动执行$ .post（）操作来创建注释和$ .get（）来删除注释。

如何构建Ajax注释系统？

3 个答案: