Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何构建Ajax评论系统?_Jquery_Ajax - Fatal编程技术网

Jquery 如何构建Ajax评论系统?

Jquery 如何构建Ajax评论系统?,jquery,ajax,Jquery,Ajax,我想让jQuery和Ajax混乱一会儿 首先,我只想创建一个输入框,输入我的注释,然后注释将显示在下面。没有页面刷新。如何实现这一点?您应该将输入框内容发送到服务器,并在从服务器获取成功消息时将其发送到注释。基本思想是,您将拥有一个带有文本区域或输入的客户端页面。将.click附加到submit按钮,然后.click将通过.ajax调用服务器端脚本 客户端: <script type="text/javascript"> $(document).ready( $('#

我想让jQuery和Ajax混乱一会儿


首先,我只想创建一个输入框,输入我的注释,然后注释将显示在下面。没有页面刷新。如何实现这一点?

您应该将输入框内容发送到服务器,并在从服务器获取成功消息时将其发送到注释。

基本思想是,您将拥有一个带有文本区域或输入的客户端页面。将.click附加到submit按钮,然后.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" />

$(文件)。准备好了吗(
$(“#提交”)。单击({
$.ajax({
类型=职位,
数据:“comment=“+$(“#comments”).val(),
数据类型:json,
url:'somePage.php',
成功:功能(数据){
if(data.error){
警报(“服务器报告的错误”);
}否则{
$('postedComments')。追加(数据);
}
}
});
});
});

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


我通过手动执行$.post()操作来创建注释,并手动执行$.get()操作来删除注释。

好的,我理解并查看了jQuery中的指南。我可以有一个更多的代码示例吗?谢谢!如果没有唯一的Ajax/Jquery方法,我就用这个?我还没有学习PHP,所以我试图避免使用PHP。你可以用jquery单独完成这项工作,但是如果你关闭浏览器并开始新的会话,你的数据将不会持久。此外,当客户端A访问此站点并发布评论时,客户端B将看不到客户端A的评论,客户端B的评论将不会被客户端A看到。因此,您需要某种方法来保存数据,这就是我显示服务器端代码的原因。仅对于jquery客户端,它的功能与POST相同,无需进行ajax调用。简单do$(“#提交”)。单击(函数(){$(“#postedComments”)。追加($(“#comments”).val();});克里斯。这将是我的最后一个问题>我一直在读一本关于PHP的电子书,但从未尝试先做任何事情。我将在哪里插入PHP?index.html或另一个文件.php?将插入ajax调用的位置的页面。在我的示例中,我在.ajax中指定了somePage.php的url。(此外,如果您喜欢,您应该接受他人的答案。:-)只需单击您接受的答案下的复选标记。干杯,并随时提出其他问题,我可以编辑我的原始帖子来帮助你。完成。对不起,我没注意到!所以我只是将PHP插入注释所在的位置?然后就这样了?
<?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'));
        }
   }
?>