小程序評論怎麼實時顯示數據

場景：點擊發布評論後須要評論信息實時顯示

 

作法：

頁面在初始化的時候在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
              });
            });


        });
      }
  },