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

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

做法：

页面在初始化的时候在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
                    });
                  });
              });
            }
        },
  
 

文章来源: blog.csdn.net，作者：咔咔-，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/fangkang7/article/details/82778315