php ajax 自动刷新,怎么用ajax实现提交评论并自动刷新
时间: 2023-12-13 15:12:48 浏览: 159
要实现提交评论并自动刷新,可以通过以下步骤使用 AJAX:
1. 创建一个包含评论表单和显示评论的 HTML 页面。
2. 在页面中添加一个用于触发 AJAX 请求的提交按钮。
3. 使用 AJAX 发送评论数据到服务器。可以使用 jQuery 的 $.ajax() 函数来实现。具体来说,可以使用以下代码:
```
$.ajax({
type: "POST",
url: "submit_comment.php",
data: $("#comment_form").serialize(),
success: function() {
// 处理成功响应
},
error: function() {
// 处理错误响应
}
});
```
其中,submit_comment.php 是用于处理提交评论的 PHP 脚本,#comment_form 是包含评论表单的表单元素的 ID。
4. 在服务器端处理提交评论的逻辑,并将结果返回给客户端。例如,可以将提交的评论保存到数据库中。
5. 在 AJAX 请求成功后,使用 JavaScript 更新评论列表。例如,可以使用以下代码:
```
$.ajax({
type: "POST",
url: "get_comments.php",
success: function(data) {
$("#comment_list").html(data);
},
error: function() {
// 处理错误响应
}
});
```
其中,get_comments.php 是用于获取评论列表的 PHP 脚本,#comment_list 是显示评论的元素的 ID。
6. 将以上步骤封装到一个函数中,并在页面加载时调用该函数。同时,可以使用 setInterval() 函数定时调用该函数,以实现自动刷新评论列表的效果。例如,可以使用以下代码:
```
function refreshComments() {
$.ajax({
// 发送评论数据到服务器
}).done(function(){
// 更新评论列表
});
}
$(document).ready(function() {
// 页面加载时刷新评论列表
refreshComments();
// 每隔 10 秒钟自动刷新评论列表
setInterval(refreshComments, 10000);
});
```
这样就可以实现提交评论并自动刷新的效果了。
阅读全文