评论列表通过ajax方式怎么加载

Question

详情页中首次进来的时候评论信息是加载好的，但是每次发布评论后，不刷新页面的话，评论内容不能加载，我想通过ajax实现该怎么做呢？

Answer 1

已经实现，讲一下思路，老师看看这样是否妥当

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);
}

Answer 2

发布评论一个接口，获取评论信息一个接口，每次发布评论后再次通过ajax获取最新评论内容