全国咨询热线:18720358503

小程序商城优势_微信小程序完成列表页的点赞和

类别:行业新闻 发布时间:2021-01-08 浏览人次:

微信小程序实现列表页的点赞和取消点赞功能       这篇文章主要为大家详细介绍了微信小程序实现列表页的点赞和取消点赞功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

今天开发了一个文章的留言版块,于是想到要为某个留言点赞,点过赞的再次点击会取消点赞,代码如下:

/*更新点赞*/ 
 update_zan:function(e){ 
 var that = this; 
 var data = e.currentTarget.dataset; 
 var mid = data.mid; 
 var cookie_mid = wx.getStorageSync('zan') || [];//获取全部点赞的mid 
 var isadd = 1; 
 var newmessage = []; 
 if (cookie_mid.includes(mid)){//说明已经点过赞,取消赞 
 isadd = 0; 
 var m = 0; 
 for (var j in cookie_mid){ 
 if(cookie_mid[j] != mid){ 
 newmessage[m] = cookie_mid[j]; 
 m++ 
 wx.setStorageSync('zan', newmessage);//删除取消赞的mid 
 }else{ 
 cookie_mid.unshift(mid); 
 wx.setStorageSync('zan', cookie_mid);//新增赞的mid 
 wx.request({ 
 url: app.globalData.api.api_system, 
 data: { 
 action: 'zannum', 
 mid: mid, 
 isadd: isadd, 
 wxid: app.globalData.wxid 
 method: 'GET', 
 // header: {}, 
 success: function (res) { 
 var message = that.data.message; 
 for (var i in message) { 
 if(message[i].mid == mid){ 
 if(isadd){ 
 message[i].zan = parseInt(message[i].zan) + 1 
 }else{ 
 message[i].zan = parseInt(message[i].zan) - 1 
 that.setData({ 
 message: message 
 }) 

重点注意代码:

(1)要把所有已经点过赞的留言id给存储到本地缓存之中,这样如果重复点赞的,就可以判断出来,并取消点赞,取消点赞的同时要去掉缓存中的id;
(2)新增点赞和取消点赞用到同一个api,通过isadd=1或者isadd=0来判断是新增还是取消点赞
(3)为了不频繁去读取留言列表,可以直接调用this.data.message,并通过循环遍历改变某个留言的点赞数,然后直接重新赋值,就能动态改变点赞数!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


下一篇:没有了

推荐阅读

小程序商城优势_微信小程序完成列表页的点赞和

手机微信微信小程序完成目录页的关注和撤销关注作用 本文关键为大伙儿详尽详细介绍了手机微信微信小程序完成目录页的关注和撤销关注作用,具备一定的参照使用价值,很感...

2021-01-08
什么是定制网站?

什么叫订制网站订制网站就是指对于公司开展再次方案策划、计划方案撰写、再次设计方案、再次作用开发设计的网站建设,说的简易一点,便是依据公司的商品特性、宣传策划营销推...

2021-01-08
广州凡科互联网科技股份有限公司招聘抖音/短视

招聘人数:5职位信息1、统筹管理抖音号:负责公司抖音短视频账号管理工作,组织和协调各方面资源确保创意落地。2、挖掘用户属性和时下热点:深度研究挖掘短视频平台用户使用习...

2021-01-08
微信小程序那么火_基于Vue

根据Vue-Cli 装包全自动转化成/抽离有关配备文档的完成方式 根据Vue-cli 新项目商品布署,涉及到到的互动的详细地址等配备信息内容,每一次必须再次装包才可以起效,巨大的减少...

2021-01-08
微信小程序免费制_微信小程序完成两个页面传值

手机微信微信小程序完成2个网页页面传值的方式剖析 ,别跑 本文关键详细介绍了手机微信微信小程序完成2个网页页面传值的方式,融合案例方式剖析了手机微信微信小程序URL自动...

2021-01-08
广州凡科互联网科技股份有限公司招聘网店客服

招聘人数:8职位信息  我们是一家原创棉麻服饰电商企业,热爱尊重传统文化和非遗,希望通过小伙伴共同的努力,将传统文化创新改良,使它更加适合现代人的穿着体验和生活方式...

2021-01-08
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信