开发者社区> Tinywan.> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jQuery基础 (四)——使用jquery-cookie 实现点赞功能

简介: jquery-cookie 下载地址:https://github.com/carhartl/jquery-cookie 直接上代码 html js //点赞 $('body').
+关注继续查看

jquery-cookie 下载地址:https://github.com/carhartl/jquery-cookie

直接上代码

html

<span class="jieda-zan zanok" data-id="{$vo['comment_id']}" data-userid="{$vo.user_id}" type="zan"> </span>

js

    //点赞
    $('body').on('click', '.jieda-zan', function () {
        var $id = $(this).data('id');
        var $userId = $(this).data('userid');
        if(!$.cookie('c-'+$id+'u-'+$userId)){
            ajax_post("/business/Index/posterZan", {'id':$id},
                function (response) {
                    if (response.code == 200) {
                        $.cookie('c-'+$id+'u-'+$userId,$id+'-'+$userId);//改变flag初始值,确保函数只执行一次
                        layer.msg('恭喜,点赞成功', {
                            icon: 1,
                            time: 2000
                        }, function () {
                            parent.location.reload();
                        });
                    } else {
                        layer.msg('很遗憾,点赞失败', {
                            icon: 0,
                            time: 3000
                        }, function () {
                            console.log(22222222222222222);
                        });
                    }
                }
            );
        }else{
            layer.msg('您已经点过赞了',{
                icon: 0,
                time: 2000
            });
        }
    });

遇到的问题

使用$.cookie()设置的键值对为数字时,设置成功,但是却获取不到,如下所示

$.cookie(123,123)
//获取输出为null
$.cookie(123)

正确的做法应该是,加一个前缀既可以

$.cookie(‘name-123’,123)
//获取输出为 123
$.cookie(“name-123”)

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Dynatable – 基于 HTML5 & jQuery 的交互表格插件
  Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 实现。Dynatable 的目的是提供一种简单的、可扩展的 API,能够轻松的浏览和操作大规模的数据集。
1225 0
Motio:简单但功能强大的的 jQuery 精灵动画插件
您可能感兴趣的相关文章 期待已久的2012年度最佳 jQuery 插件揭晓 精心挑选的优秀jQuery Ajax分页插件和教程 推荐几款非常棒的 jQuery 全景图片展示插件 12款经典的白富美型 jQuery 图片轮播插件 精心挑选优秀的 JavaScript 日历和时间插件     Motio 是一个简单但功能强大的的实现精灵动画和平移的 jQuery 插件。
1113 0
ParamQuery grid – 仿 MS Excel 和 Google Spreadsheet的jquery表格插件
ParamQuery网页表格是一个轻量级的jQuery插件,其灵感来自MS Excel和谷歌电子表格。它是基于jQueryUI 组件库 。它可以免费使用在任何商业或开源项目。 演示: http://paramquery.
941 0
【精心挑选】10款基于 jQuery 的图片360度旋转插件
  之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考。图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景。
1062 0
jquery插件整理篇(七)表格插件
(1)Flexigrid Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
899 0
推荐18款非常棒的 jQuery 表格插件
  我们一般都是用HTML表格来显示结构化数据,如今有很多的 jQuery 表格插件可以帮助我们更好的组织和控制表格数据,增强表格的功能和操作。今天要与大家分享的是18个非常优秀的 jQuery 表格插件,有用到朋友可以参考一下。
1342 0
+关注
244
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载