jQuery基础 (四)——使用jquery-cookie 实现点赞功能
2024-08-24 04:58:29
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”)
最新文章
- H5游戏开发之Stick Hero
- Leetcode Integer to Roman
- Mac OS X中配置Apache
- 计算连续的IP地址
- Cts分析框架(4)-添加任务
- C1 FlexGrid控件 Editor 冲突问题
- String 类的实现(5)String常用函数
- Spring 事务管理笔记
- 每周.NET前沿技术文章摘要(2017-05-17)
- 《.NET 设计规范》第 9 章:常用的设计模式
- Hibernate查询多个数据
- 微信小程序中转义字符的处理
- springboot整合mybatis开发
- [LeetCode] N-ary Tree Level Order Traversal N叉树层序遍历
- logstash解耦之redis消息队列
- elasticsearch 索引备份恢复
- 2017-9-3模拟赛T2 取数(win)
- 转载 .Net多线程编程—并发集合 https://www.cnblogs.com/hdwgxz/p/6258014.html
- iOS 正则表达式(二) RegexKitLite使用
- 32.js 判断当前页面是否被浏览