要实现无刷新评说,可以使用Ajax来发送请求和接收响应。以下是一个简单的示例:
HTML代码:
<div id="comments">
<!-- 评论内容显示在这里 -->
</div>
<form id="commentForm">
<textarea name="comment" id="comment"></textarea>
<button type="submit">提交评说</button>
</form>
JavaScript代码:
$(document).ready(function() {
// 提交评论表单时触发
$('#commentForm').submit(function(e) {
e.preventDefault(); // 阻止表单的默认提交行为
// 获取评论内容
var comment = $('#comment').val();
// 发送Ajax请求
$.ajax({
url: 'submit_comment.php', // 后端处理评论的PHP文件
method: 'POST',
data: { comment: comment }, // 将评论内容作为数据发送
success: function(response) {
// 请求成功后,将新评论添加到页面上
$('#comments').append('<div>' + comment + '</div>');
// 清空评论输入框
$('#comment').val('');
}
});
});
});
在后端的 submit_comment.php
文件中,可以接收到通过Ajax发送的评论内容,并进行相应的处理(如保存到数据库)。处理完成后,返回一个表示成功的响应。
注意:以上代码仅为示例,具体实现可能需要根据实际情况进行调整。
上一篇:php 装配参数
下一篇:PHP怎么实现二维数组排序
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站