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

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

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


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
              });
            });
        });
      }
  },


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