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

时间:2021-01-25 09:23:42

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 == ) {
$.cookie('c-'+$id+'u-'+$userId,$id+'-'+$userId);//改变flag初始值,确保函数只执行一次
layer.msg('恭喜,点赞成功', {
icon: ,
time:
}, function () {
parent.location.reload();
});
} else {
layer.msg('很遗憾,点赞失败', {
icon: ,
time:
}, function () {
console.log();
});
}
}
);
}else{
layer.msg('您已经点过赞了',{
icon: ,
time:
});
}
});

遇到的问题

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

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

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

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