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 相关文章推荐
HTTP状态代码以及定义(解释)
Feb 02 Javascript
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
javascript变量作用域使用中常见错误总结
Mar 26 Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 Javascript
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
JavaScript常用小技巧小结
Dec 29 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
Dec 08 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
Jun 26 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
May 30 Javascript
webpack HappyPack实战详解
Oct 08 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
destoon复制新模块的方法
2014/06/21 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
Javascript 判断函数类型完美解决方案
2009/09/02 Javascript
浅析js设置控件的readonly与enabled属性问题
2013/12/25 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
jQuery实现转动随机数抽奖效果的方法
2015/05/21 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
2017/01/20 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
[56:41]iG vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/17 DOTA
Python中用于返回绝对值的abs()方法
2015/05/14 Python
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
Python实现通过解析域名获取ip地址的方法分析
2019/05/17 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
Django如何实现防止XSS攻击
2020/10/13 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
信息工程学院毕业生推荐信
2013/11/05 职场文书
金融行业务员的自我评价
2013/12/13 职场文书
浙江文明网签名寄语
2014/01/18 职场文书
网上开店必备创业计划书
2014/01/26 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
一文搞懂Python Sklearn库使用
2021/08/23 Python
Python天气语音播报小助手
2021/09/25 Python
python中的getter与setter你了解吗
2022/03/24 Python