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优化尝试小结
Feb 06 Javascript
js 遍历对象的属性的代码
Dec 29 Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
vue输入框使用模糊搜索功能的实现代码
May 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获取当前url路径的函数以及服务器变量
2013/06/29 PHP
php获取数组长度的方法(有实例)
2013/10/27 PHP
帝国cms目录结构分享
2015/07/06 PHP
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
举例讲解Node.js中的Writable对象
2015/07/29 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
微信小程序 二维码canvas绘制实例详解
2017/01/06 Javascript
URL中“#” “?” &“”号的作用浅析
2017/02/04 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
通过实例解析js简易模块加载器
2019/06/17 Javascript
JavaScript HTML DOM元素 节点操作汇总
2019/07/29 Javascript
微信小程序定义和调用全局变量globalData的实现
2019/11/01 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
20个常用Python运维库和模块
2018/02/12 Python
Python3 max()函数基础用法
2019/02/19 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
django 微信网页授权登陆的实现
2019/07/30 Python
Tensorflow 多线程设置方式
2020/02/06 Python
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
专升本自我鉴定
2013/10/10 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
模范班主任事迹材料
2014/12/17 职场文书
毕业感言怎么写
2015/07/31 职场文书
高中数学教学反思范文
2016/02/18 职场文书
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技