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 相关文章推荐
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
完美解决IE低版本不支持call与apply的问题
Dec 05 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
Jan 13 Javascript
node.js中的fs.readdirSync方法使用说明
Dec 17 Javascript
JavaScript实现的一个倒计时的类
Mar 12 Javascript
AngularJS入门教程之Select(选择框)详解
Jul 27 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
JavaScript函数基础详解
Feb 03 Javascript
使用yeoman构建angular应用的方法
Aug 14 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
JS实现点餐自动选择框(案例分析)
Dec 10 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 编程请选择正确的文本编辑软件
2006/12/21 PHP
php中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
jQuery获取radio选中项的值实例
2016/06/18 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
JS实现li标签的删除
2019/04/12 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
安装ElasticSearch搜索工具并配置Python驱动的方法
2015/12/22 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
Python导入数值型Excel数据并生成矩阵操作
2020/06/09 Python
python单例模式的应用场景实例讲解
2021/02/24 Python
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
英国排名第一的冲浪店:Ann’s Cottage
2020/06/21 全球购物
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
新闻学毕业生自荐信
2013/11/15 职场文书
工程项目建议书范文
2014/03/12 职场文书
建筑工地标语
2014/06/18 职场文书
2015年项目工作总结
2015/04/29 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
《静夜思》教学反思
2016/02/17 职场文书
2016优秀护士先进个人事迹材料
2016/02/25 职场文书
2016年敬老月活动总结
2016/04/05 职场文书
竞聘书的秘诀
2019/04/02 职场文书
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP