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 相关文章推荐
利用js对象弹出一个层
Mar 26 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
javascript学习笔记(五)原型和原型链详解
Oct 08 Javascript
javascript设计模式之中介者模式Mediator
Dec 30 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 Javascript
微信小程序的mpvue框架快速上手指南
May 15 Javascript
js实现随机点名程序
Sep 17 Javascript
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
vue-列表下详情的展开与折叠案例
Jul 28 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 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
微信扫描二维码登录网站代码示例
2013/12/30 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP时间函数使用详解
2019/03/21 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
2016/07/28 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
bootstrap实现每隔5秒自动轮播效果
2016/12/20 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
vue数据双向绑定的注意点
2017/06/23 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
js保留两位小数方法总结
2018/01/31 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
JavaScript中var的重要性实例分析
2019/07/09 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
win7 下搭建sublime的python开发环境的配置方法
2014/06/18 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
pandas 空数据处理方法详解
2019/11/02 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
2014年新生军训方案
2014/05/01 职场文书
工程承诺书怎么写
2014/05/24 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书