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 相关文章推荐
日期函数扩展类Ver0.1.1
Sep 07 Javascript
JavaScript Event学习第三章 早期的事件处理程序
Feb 07 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
Oct 30 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
Jan 18 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
JS使用正则表达式验证身份证号码
Jun 23 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
JavaScript函数IIFE使用详解
Oct 21 Javascript
解决vue+router路由跳转不起作用的一项原因
Jul 19 Javascript
在vue中使用回调函数,this调用无效的解决
Aug 11 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
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
php微信开发之自定义菜单实现
2016/11/18 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
原创javascript小游戏实现代码
2010/08/19 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
详解vue-router导航守卫
2019/01/19 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
Python实现SMTP发送邮件详细教程
2021/03/02 Python
python实现图像识别功能
2018/01/29 Python
Python元组知识点总结
2019/02/18 Python
详解python持久化文件读写
2019/04/06 Python
Python3.8中使用f-strings调试
2019/05/22 Python
Django之使用celery和NGINX生成静态页面实现性能优化
2019/10/08 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
马来西亚在线健康商店:Medipal Malaysia
2020/04/13 全球购物
自我鉴定三原则
2014/01/13 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
安全检查汇报材料
2014/12/26 职场文书
小学教师自我评价
2015/03/04 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS
宝塔更新Python及Flask项目的部署
2022/04/11 Python
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android