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”)

 

目录
相关文章
|
6月前
|
JavaScript
jQuery实现判断li的个数从而实现其他功能
jQuery实现判断li的个数从而实现其他功能
|
6月前
|
JavaScript 前端开发
jQuery第一天---六大功能的简单应用
jQuery第一天---六大功能的简单应用
58 0
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
58 0
|
JSON JavaScript 前端开发
jQuery动画功能和封装原理
jQuery动画功能和封装原理
82 0
|
5月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
46 0
|
5月前
|
JavaScript 前端开发 索引
jQuery如何实现一个轮播图左右翻页的功能
jQuery如何实现一个轮播图左右翻页的功能
46 0
|
6月前
|
JavaScript
jQuery最简单的留言功能^-^
jQuery最简单的留言功能^-^
|
6月前
|
存储 搜索推荐 安全
Python中的Cookie模块有什么功能
Python中的Cookie模块有什么功能
62 0
|
JavaScript 前端开发
jQuery点击图片来回切换功能
jQuery点击图片来回切换功能
99 0
jQuery点击图片来回切换功能
|
JavaScript Java
jQuery+Datatables实现表格批量删除功能
jQuery+Datatables实现表格批量删除功能
167 0