jQuery使用cookie与json简单实现购物车功能


Posted in Javascript onApril 15, 2016

本文实例讲述了jQuery使用cookie与json简单实现购物车的方法。分享给大家供大家参考,具体如下:

1、生成一个cookie 用来存储商品的id  String类型

2、添加商品id的时候 把cookie转化成数组,并检查是否已经包含了。没有包含用js push重新生成新的数组。

3、把数组转化成String 用cookie存储。

以下是jquery对cookie和JSON的操作方法

$.cookie("cart","ids",{expires:-7,path:"/"}) //存储cookie 保存7天
if($.cookie("cart")==undefined){//不存在用undefined}
var cartArr=new Array();
$.parseJSON($.cookie("cart"));//转化成数组
cartArr.push(id);//新的数组
JSON.stringify(cartArr);//这个好像是浏览器自带的 数组转化成json

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
初学JavaScript第二章
Sep 30 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
javascript实现输出指定行数正方形图案的方法
Aug 03 Javascript
详解如何较好的使用js
Dec 16 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
Dec 31 Javascript
JS实现图片预览的两种方式
Jun 27 Javascript
浅谈vue父子组件怎么传值
Jul 21 Javascript
JS 实现微信扫一扫功能
Sep 14 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
Oct 20 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
Jan 21 Javascript
vue-cli 关闭热更新操作
Sep 18 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 #Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 #Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 #Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 #Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 #Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 #Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 #Javascript
You might like
高亮度显示php源代码
2006/10/09 PHP
做一个有下拉功能的留言版
2006/10/09 PHP
一个简洁的多级别论坛
2006/10/09 PHP
PHP+AJAX实现无刷新注册(带用户名实时检测)
2006/12/02 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
关于laravel5.5的定时任务详解(demo)
2019/10/23 PHP
jquery获取元素索引值index()示例
2014/02/13 Javascript
一个JS函数搞定网页标题(title)闪动效果
2014/05/13 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
JS在onclientclick里如何控制onclick的执行
2016/05/30 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
2016/09/16 Javascript
原生JS查找元素的方法(推荐)
2016/11/22 Javascript
老生常谈Bootstrap媒体对象
2017/07/06 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
vue移动端UI框架实现QQ侧边菜单组件
2018/03/09 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
原生微信小程序开发中 redux 的使用详解
2021/02/18 Javascript
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
详解python单元测试框架unittest
2018/07/02 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
理货员的岗位职责
2013/11/23 职场文书
超市5.1促销活动
2014/01/15 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
会计试用期自我评价
2015/03/10 职场文书
JavaScript 防篡改对象的用法示例
2021/04/24 Javascript
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫