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