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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
javascript内存管理详细解析
Nov 11 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
JavaScript如何禁止Backspace键
Dec 02 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
Jan 27 Javascript
Javascript vue.js表格分页,ajax异步加载数据
Oct 24 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
Mar 06 Javascript
借助node实战JSONP跨域实例
Mar 30 Javascript
基于Vue实现支持按周切换的日历
Sep 24 Javascript
解决微信二次分享不显示摘要和图片的问题
Aug 18 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 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.ini save_handler 修改不生效的解决办法
2014/07/22 PHP
php定义参数数量可变的函数用法实例
2015/03/16 PHP
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
firefox下input type="file"的size是多大
2011/10/24 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
简单实现jQuery弹窗效果
2017/10/30 jQuery
Vue中render方法的使用详解
2018/01/26 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
2019/08/28 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
[00:34]DOTA2上海特级锦标赛 VG战队宣传片
2016/03/04 DOTA
python写的一个文本编辑器
2014/01/23 Python
python操作CouchDB的方法
2014/10/08 Python
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
Windows 8.1 64bit下搭建 Scrapy 0.22 环境
2018/11/18 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
Web前端绘制0.5像素的几种方法
2017/08/11 HTML / CSS
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
仓库门卫岗位职责
2013/12/22 职场文书
给女朋友的道歉信
2014/01/10 职场文书
主管会计岗位职责
2014/03/13 职场文书
会议室标语
2014/06/21 职场文书
九年级数学教学反思
2016/02/17 职场文书
用Python爬虫破解滑动验证码的案例解析
2021/05/06 Python
Python进度条的使用
2021/05/17 Python
详解Redis主从复制实践
2021/05/19 Redis
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL