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动画3.创建一个带遮罩效果的图片走廊
Aug 24 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
Nov 25 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
angular 用拦截器统一处理http请求和响应的方法
Jun 08 Javascript
JS中移除非数字最多保留一位小数
May 09 Javascript
vue中的watch监听数据变化及watch中各属性的详解
Sep 11 Javascript
JSON的parse()方法介绍
Jan 31 Javascript
vue滚动tab跟随切换效果
Jun 29 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编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
jQuery 页面 Mask实现代码
2010/01/09 Javascript
Javascript中判断变量是数组还是对象(array还是object)
2013/08/14 Javascript
angularJS 中$scope方法使用指南
2015/02/09 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
[01:29]Ti4循环赛第三日精彩回顾
2014/07/13 DOTA
python中关于日期时间处理的问答集锦
2013/03/08 Python
记录Django开发心得
2014/07/16 Python
python 读取鼠标点击坐标的实例
2018/12/29 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
PYTHON EVAL的用法及注意事项解析
2019/09/06 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
JAVA SWT事件四种写法实例解析
2020/06/05 Python
使用pygame实现垃圾分类小游戏功能(已获校级二等奖)
2020/07/23 Python
如何在 Matplotlib 中更改绘图背景的实现
2020/11/26 Python
印度在线杂货店:bigbasket
2018/08/23 全球购物
ManoMano英国:欧洲第一家专注于DIY和园艺市场的电商平台
2020/03/12 全球购物
Linux上比较文件的命令都有哪些
2012/02/24 面试题
历史学专业个人的自我评价
2013/10/13 职场文书
五一劳动节活动记录
2014/03/23 职场文书
中学生关于梦想的演讲稿
2014/08/22 职场文书
申报优秀教师材料
2014/12/16 职场文书
CSS实现切角+边框+投影+内容背景色渐变效果
2021/11/01 HTML / CSS
不想升级Win11?教你彻底锁定老版Windows系统的方法(附下载地址)
2022/09/23 数码科技