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

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

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


image.png



做法:


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


目录
打赏
0
0
0
0
14
分享
相关文章
在微信小程序中使用 Vant 时如何确保数据的安全?
在微信小程序中使用 Vant 时如何确保数据的安全?
67 1
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
126 0
如何利用小程序的生命周期函数实现数据的加载和更新?
如何利用小程序的生命周期函数实现数据的加载和更新?
129 4
小程序页面之间(传值)传递数据的方法
小程序页面之间(传值)传递数据的方法
218 63
微信小程序可视化开发工具之动态数据
微信小程序可视化开发工具之动态数据
73 3
微信小程序之网络数据请求 wx:request的简单使用
这篇文章介绍了微信小程序中如何使用wx.request进行网络数据请求,包括请求的配置、请求的格式以及如何在开发阶段关闭请求的合法检验。
微信小程序之网络数据请求 wx:request的简单使用
微信小程序+SpringBoot接入后台服务,接口数据来自后端
这篇文章介绍了如何将微信小程序与SpringBoot后端服务进行数据交互,包括后端接口的编写、小程序获取接口数据的方法,以及数据在小程序中的展示。同时,还涉及到了使用Vue搭建后台管理系统,方便数据的查看和管理。
微信小程序+SpringBoot接入后台服务,接口数据来自后端

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等