起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2895|回复: 2

[分享] 详情页点赞功能分享~!!嘿嘿嘿,大爷进来瞧一瞧吧

  [复制链接]

25

主题

128

帖子

356

积分

中级会员

Rank: 3Rank: 3

积分
356
QQ
发表于 2016-12-7 11:08:52 | 显示全部楼层 |阅读模式
本帖最后由 小马甲~-~ 于 2016-12-7 11:11 编辑

也没啥好分享的!先上个图看看效果 4.png 红色的26 就是对应数据库这篇文章的一个" 点赞"字段
功能思想:
  1,点赞数是跟字段绑定的  点击一次之后 是不能点击的
2,点赞+1
具体实现:
               初始情况: 1.png 不多说
               点击的时候  执行button事件 进入后台 给这个字段+1 success成功后

           var success = function(resultData) {
                       //给爱心变红色
                        me.getElementByXid("upi1").style.color = '#EC6941';
                        var upbtn = me.comp("upbutton");
                     //让按钮不可以点
                        upbtn.disabled = true;
                      //这是放在本地的一个json集合  保存点赞的信息  核心思想就是这个 把每条点赞的信息作为一个集合
                        var UpJson = localStorage.getItem("up_json");
                        if (UpJson == null) {
                                UpJson = '[]';
                        }
                        var array = JSON.parse(UpJson);
                        array.push({
                                "tname" : me.tName,
                                "sid" : me.toutiaoId
                        });
                        UpJson = JSON.stringify(array);
                        localStorage.setItem("up_json", UpJson);
                      //获取绑定字段的span
                        var t = document.getElementById(me.getIDByXID("upspan")).innerText;
                     //点点赞数+1
                      document.getElementById(me.getIDByXID("upspan")).innerText = parseInt(t) + 1;

                      这时候按钮也得给处理成不可点击 QQ截图20161207110209.png   给button 设置一个事件
                   这个事件你们自己去想吧  其实就是根据条件返回 true 跟false   如果点赞了 就是返回true
                      那么这个小功能就实现了 ,套用其他地方也是很实用的,
              如果大家有更好的改进或者方法 请回复留言

2.png
3.png

84

主题

382

帖子

633

积分

高级会员

Rank: 4

积分
633
发表于 2017-9-18 09:59:01 | 显示全部楼层
//这是放在本地的一个json集合  保存点赞的信息  核心思想就是这个 把每条点赞的信息作为一个集合
                        var UpJson = localStorage.getItem("up_json");
                        if (UpJson == null) {
                                UpJson = '[]';
                        }
这个是自己在建一个json文件吗
回复 支持 反对

使用道具 举报

84

主题

382

帖子

633

积分

高级会员

Rank: 4

积分
633
发表于 2017-9-18 10:18:47 | 显示全部楼层
大神你可以把案列分享给我吗
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-3 07:36 , Processed in 0.069094 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表