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 相关文章推荐
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jQuery实现平滑滚动的标签分栏切换效果
Aug 28 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
Nov 30 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 Javascript
WebSocket的通信过程与实现方法详解
Apr 29 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
JavaScript console的使用方法实例分析
Apr 28 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
php实现分页工具类分享
2014/01/09 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
2013/12/13 Javascript
js判断鼠标左、中、右键哪个被点击的方法
2015/01/27 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
2019/06/21 Javascript
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
如何利用JS将手机号中间四位变成*号
2020/09/29 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python实例之wxpython中Frame使用方法
2014/06/09 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
Python聊天室程序(基础版)
2018/04/01 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
python修改微信和支付宝步数的示例代码
2020/10/12 Python
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
linux面试题参考答案(11)
2016/11/26 面试题
简历自我评价怎么写好呢?
2014/01/04 职场文书
六十岁生日答谢词
2014/01/10 职场文书
申论倡议书范文
2014/05/13 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
师德师风培训感言
2015/08/03 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
python基础学习之递归函数知识总结
2021/05/26 Python
关于JS中的作用域中的问题思考分享
2022/04/06 Javascript
如何更改Win11声音输出设备?Win11声音输出设备四种更改方法
2022/04/08 数码科技