详情页中首次进来的时候评论信息是加载好的,但是每次发布评论后,不刷新页面的话,评论内容不能加载,我想通过ajax实现该怎么做呢?
已经实现,讲一下思路,老师看看这样是否妥当
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);}
发布评论一个接口,获取评论信息一个接口,每次发布评论后再次通过ajax获取最新评论内容
已经实现,讲一下思路,老师看看这样是否妥当
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);
}
发布评论一个接口,获取评论信息一个接口,每次发布评论后再次通过ajax获取最新评论内容