小程序的删除怎么做无刷新的

简介: 小程序的删除怎么做无刷新的

今天在做小程序的时候突然发现,咦!这个删除怎么做嘞!怎么让他不刷新数据移除呢!


在做pc版的时候,就是直接向后台发起ajax请求,然后从数据库直接将数据删除掉,在返回给前台一个状态码!然后直接this他的父级,直接移除即可


但是在小程序是没有dom元素的,所以我们是需要换一种思维方式去解决这个问题


前台的所有数据都是从数据库读取出来,然后进行渲染


小程序有个强大的函数那就是this.setData();


3.小程序获取到数据后,大多数情况下是一个数组。


4.将这个数组保存到缓存里边


5.使用缓存来渲染数据


6.当点击删除的时候,直接将数组的下标和数据的id返回到js,数组下标用来删除缓存缓存里边的数据,数据id用来直接删除数据库数据


7.js有相应删除数组方法


8.将删除后的数据在一次存放到缓存里边


9.使用this.setData({});把这个需要渲染的值在进行设置即可

// 删除团队成员
    onTapDelMember: function (e) {
      var that = this;
      // 获取团队成员
      var memberList = wx.getStorageSync('memberList');
      console.log(memberList)
      // 获取团队成员id
      var id = e.currentTarget.dataset.memberid;
      console.log(id)
      wx.showModal({
        title: "提示",
        content: "确定删除此项目?",
        mask: !0,
        success: function (e) {
          // 删除对应的索引
          var memberLists = memberList.splice(id, 1);
          // 存入缓存
          var kaka = wx.setStorageSync('memberList', memberList);
          var getKaka = wx.getStorageSync('memberList');
          that.setData({
            memberList: getKaka
          });
        }
      });
    },



相关文章
|
8月前
|
JavaScript 前端开发 Java
面试官:你的项目有什么亮点?我:解决了JS脚本加载失败的问题!
面试官:你的项目有什么亮点?我:解决了JS脚本加载失败的问题!
|
8月前
|
Web App开发 前端开发 异构计算
前端如何实现网页变灰功能?
前端如何实现网页变灰功能?
127 0
|
6月前
|
JavaScript
文本,视频网站提交的方法,配置提交的按钮,一次性提交的方法,Vue编写好代码向后台发送数据就行
文本,视频网站提交的方法,配置提交的按钮,一次性提交的方法,Vue编写好代码向后台发送数据就行
|
7月前
|
JavaScript 前端开发
技术心得:后台静态弹出窗口
技术心得:后台静态弹出窗口
40 0
|
存储 小程序 前端开发
【易售小程序项目】小程序私聊页面完善(带尾巴聊天气泡组件封装、滑至顶端获取历史聊天数据逻辑优化)【后端基于若依管理系统开发】
【易售小程序项目】小程序私聊页面完善(带尾巴聊天气泡组件封装、滑至顶端获取历史聊天数据逻辑优化)【后端基于若依管理系统开发】
73 0
|
移动开发 前端开发 IDE
「趣学前端」日常浏览的页面是怎么实现出来的
用技术实现梦想,用梦想打开创意之门。为了给不懂技术的朋友讲解日常开发中怎么实现网页的效果,我准备出一个系列。
147 1
|
iOS开发
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
156 0
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
|
前端开发
#yyds干货盘点 【React工作记录二十】前端常规关于网页文件下载的问题
#yyds干货盘点 【React工作记录二十】前端常规关于网页文件下载的问题
103 0
|
前端开发
前端工作总结246-uni-切换tabber修改状态修饰
前端工作总结246-uni-切换tabber修改状态修饰
91 0
前端工作总结246-uni-切换tabber修改状态修饰
|
测试技术
软件测试面试题:在多用户模式下你用LoadRunnner的哪个组件来回放脚本?
软件测试面试题:在多用户模式下你用LoadRunnner的哪个组件来回放脚本?
126 0

热门文章

最新文章