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 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
Jan 24 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 Javascript
JS实现的几个常用算法
Nov 12 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 Javascript
js判断一个对象是数组(函数)的方法实例
Dec 19 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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
在PHP中使用Sockets 从Usenet中获取文件
2008/01/10 PHP
PHP循环结构实例讲解
2014/02/10 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
从javascript语言本身谈项目实战
2006/12/27 Javascript
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
Vue概念及常见命令介绍(1)
2016/12/08 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
基于vue2.0动态组件及render详解
2018/03/17 Javascript
jQuery仿移动端支付宝键盘的实现代码
2018/08/15 jQuery
js实现打字小游戏
2019/12/17 Javascript
nodejs脚本centos开机启动实操方法
2020/03/04 NodeJs
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python使用htmllib分析网页内容的方法
2015/05/08 Python
初步讲解Python中的元组概念
2015/05/21 Python
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python dict.get()和dict['key']的区别详解
2016/06/30 Python
对python中dict和json的区别详解
2018/12/18 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
CSS3 实现发光边框特效
2020/11/11 HTML / CSS
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
消夏晚会主持词
2015/06/30 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
海贼王十大逆天果实 魂魂果实上榜,岩浆果实攻击力最强
2022/03/18 日漫