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

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

 

做法：

页面在初始化的时候在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,
              page: 1,
              openid: wxb.getOpenId()
            }, function (data2) {
              wxb.that.setData({
                comments: data2.datas,
                more: data2.more
              });
            });


        });
      }
  },