小程序评论怎么实时显示数据

场景：点击发布评论后需要评论信息实时显示

 

做法：

页面在初始化的时候在onlode获取评论数据，comments就是评论循环出来的数据

wxb.Post("/api/nongjialegw.index/getCommentList",{
      id: id,page: 1,openid:wxb.getOpenId()
    },function (data2) {
      wxb.that.setData({
        comments: data2.datas,more:data2.more
      });
    });

 

当点击发送后：清空input框的内容，再一次发起请求获取评论即可

 

comment就是点击发送的事件，将评论信息存数据库之后，再一次发起获取评论数据请求即可

comment:function(e){
      var content = e.detail.value.content;
      if(!content){
         wx.showToast({
           title: '评论内容不能为空！',})
      }else{
        wxb.Post("/api/nongjialegw.index/comment",{
          id: wxb.that.data.id,openid: wxb.getOpenId(),content:content,},function (data2) {
            wx.showToast({
              title: '评论成功',});
            wxb.that.setData({
              contnet:''
            })
            var id = wx.getStorageSync('id');
            wxb.Post("/api/nongjialegw.index/getCommentList",{
              id: id,openid: wxb.getOpenId()
            },function (data2) {
              wxb.that.setData({
                comments: data2.datas,more: data2.more
              });
            });


        });
      }
  },