jQuery基于cookie实现的购物车实例分析


Posted in Javascript onDecember 24, 2015

本文实例讲述了jQuery基于cookie实现的购物车。分享给大家供大家参考,具体如下:

这里分析了jquery购物车原理,包括添加商品及数量到购物车 cookie 中,判断购物车中有无商品,如果有,则把json字符串转换成对象,返回当前商品在 cookie 中的总数。

将商品放入购物车:

$(function(){
$(".tc").hide();
var PId = $("#hfPId").val(); // 商品的ID
var PName = $("#lblPName").text(); // 商品名称
var PMemberPrice = $("#lblPMemberPrice").text(); // 会员价
var PAmount = 1;
var jsonStr = "[{'PId':'" + PId + "','PName':'" + PName + "','PMemberPrice':'" + PMemberPrice + "','PAmount':'" + PAmount + "'}]";
//将商品放入购物车
$("#putCart").click(function(){
setCookie(PId, jsonStr);
});

赋值:

var setCookie = function(name, value, options){
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString();
}
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';

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

Javascript 相关文章推荐
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
javascript forEach通用循环遍历方法
Oct 11 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 Javascript
基于jquery的跨域调用文件
Nov 19 Javascript
JavaScript中的普通函数与构造函数比较
Apr 07 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
AngularJS指令与指令之间的交互功能示例
Dec 14 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
vue+Element中table表格实现可编辑(select下拉框)
May 21 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 #Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 #Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 #Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 #Javascript
jquery遍历函数siblings()用法实例
Dec 24 #Javascript
jQuery中的siblings用法实例分析
Dec 24 #Javascript
JQuery标签页效果实例详解
Dec 24 #Javascript
You might like
谈谈关于php的优点与缺点
2013/04/11 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
php中引用符号(&)的使用详细介绍
2016/12/06 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
node.js中EJS 模板快速入门教程
2017/05/08 Javascript
深入理解Angularjs中$http.post与$.post
2017/05/19 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
2020/04/14 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
Vue开发中常见的套路和技巧总结
2020/11/24 Vue.js
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
Python SQLite3数据库日期与时间常见函数用法分析
2017/08/14 Python
如何使用python进行pdf文件分割
2019/11/11 Python
pytorch中的自定义反向传播,求导实例
2020/01/06 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
python中_del_还原数据的方法
2020/12/09 Python
python tkinter实现下载进度条及抖音视频去水印原理
2021/02/07 Python
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
教师通用专业自荐书范文
2014/02/11 职场文书
如何写股份合作协议书
2014/09/11 职场文书
成本会计实训报告
2014/11/05 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
tomcat下部署jenkins的方法
2022/05/06 Servers
Redis实现订单过期删除的方法步骤
2022/06/05 Redis