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

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

做法：

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