距开课0天0时0分-10648530秒
唐彡公子2018-08-16 17:24:40 0 3 676
[PHP讨论组]举报回复话题 ↕
详情页中首次进来的时候评论信息是加载好的，但是每次发布评论后，不刷新页面的话，评论内容不能加载，我想通过ajax实现该怎么做呢？
2
0
分享
唐彡公子 2018-08-17 12:00:102楼
已经实现，讲一下思路，老师看看这样是否妥当
1、详情页加载时按照后台查询并模板赋值方式，在前台通过volist实现首次加载
2、详情页进入后发布评论，前台通过ajax提交评论新增，后台执行新增并在成功后多表获取数据并返回给模板
3、前台接收到返回数据后，通过for循环遍历出数据并加载到评论列表中
前台代码：
if (datas.status == 1) { $('#result').text(datas.message); var str = ""; $("#comm").html(""); for (var i = 0; i < datas.data.length; i++) { str = '<div style=\"width: 95%\">' + '<p>'+ datas.data[i].name +' ' + timestampToTime(datas.data[i].create_time) + '</p>' + '<div style=\"min-height: 50px;\">' + datas.data[i].content + '</div>' + '<hr style=\"margin: 0\">' + '</div>'; $("#comm").append(str); } $("#comment")[0].reset();} else { $('#result').text(datas.message);}
赞 +0添加回复
Dancy 2018-08-16 17:58:201楼
发布评论一个接口，获取评论信息一个接口，每次发布评论后再次通过ajax获取最新评论内容
感谢你的回答，我自己实现的有啥问题没，帮忙看看吧
唐彡公子 2018-08-17 12:00:102楼
已经实现，讲一下思路，老师看看这样是否妥当
1、详情页加载时按照后台查询并模板赋值方式，在前台通过volist实现首次加载
2、详情页进入后发布评论，前台通过ajax提交评论新增，后台执行新增并在成功后多表获取数据并返回给模板
3、前台接收到返回数据后，通过for循环遍历出数据并加载到评论列表中
前台代码：
if (datas.status == 1) {
$('#result').text(datas.message);
var str = "";
$("#comm").html("");
for (var i = 0; i < datas.data.length; i++) {
str = '<div style=\"width: 95%\">' +
'<p>'+ datas.data[i].name +' ' + timestampToTime(datas.data[i].create_time) + '</p>' +
'<div style=\"min-height: 50px;\">' + datas.data[i].content + '</div>' +
'<hr style=\"margin: 0\">' +
'</div>';
$("#comm").append(str);
}
$("#comment")[0].reset();
} else {
$('#result').text(datas.message);
}
赞 +0添加回复
Dancy 2018-08-16 17:58:201楼
发布评论一个接口，获取评论信息一个接口，每次发布评论后再次通过ajax获取最新评论内容
赞 +0添加回复