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整除实现代码
Nov 23 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
vue组件中的数据传递方法
May 14 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
微信小程序封装分享与分销功能过程解析
Aug 13 Javascript
微信小程序tabBar设置实例解析
Nov 14 Javascript
KnockoutJS数组比较算法实例详解
Nov 25 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 Javascript
JavaScript实现多文件下载方法解析
Aug 07 Javascript
如何用JavaScript实现一个数组惰性求值库
May 05 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+mysql一个名片库程序
2006/10/09 PHP
PHP 在线翻译函数代码
2009/05/07 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
2011/05/07 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
js弹出确认是否删除对话框
2014/03/27 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
Angularjs cookie 操作实例详解
2017/09/27 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
python实现数组插入新元素的方法
2015/05/22 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
Pytorch入门之mnist分类实例
2018/04/14 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
Python的信号库Blinker用法详解
2020/12/31 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
理肤泉美国官网:La Roche-Posay
2018/01/17 全球购物
德国足球商店:OUTFITTER
2019/05/06 全球购物
精伦电子Java笔试题
2013/01/16 面试题
二年级体育教学反思
2014/01/15 职场文书
电子银行营销方案
2014/02/22 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
二年级上册数学教学计划
2015/01/20 职场文书
单身证明范本
2015/06/15 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
Python之matplotlib绘制折线图
2022/04/13 Python
Python first-order-model实现让照片动起来
2022/06/25 Python