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 相关文章推荐
FormValidate 表单验证功能代码更新并提供下载
Aug 23 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
Dec 09 Javascript
javascript中判断json的方法总结
Aug 27 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
Bootstrap里的文件分别代表什么意思及其引用方法
May 01 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
Oct 21 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
基于JS实现table导出Excel并保留样式
May 19 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 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生成RSS订阅的方法
2015/02/13 PHP
PHP链表操作简单示例
2016/10/15 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
ThinkPHP5.1的权限控制怎么写?分享一个AUTH权限控制
2021/03/09 PHP
推荐:极酷右键菜单
2006/11/29 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
2014/01/09 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
深入理解Promise.all
2018/08/08 Javascript
详细介绍Python函数中的默认参数
2015/03/30 Python
【Python】Python的urllib模块、urllib2模块批量进行网页下载文件
2016/11/19 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
pandas 转换成行列表进行读取与Nan处理的方法
2018/10/30 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
西班牙多品牌鞋店连锁店:Krack
2018/11/30 全球购物
what is the difference between ext2 and ext3
2013/11/03 面试题
机电一体化自荐信
2013/12/10 职场文书
党员大会主持词
2014/04/02 职场文书
走群众路线学习笔记
2014/11/06 职场文书
公司出纳岗位职责
2015/03/31 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
2015年妇女工作总结
2015/05/14 职场文书
认识实习感想
2015/08/10 职场文书
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python