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获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
Jun 28 Javascript
关于jquery css的使用介绍
Apr 18 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
vue-cli3全面配置详解
Nov 14 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
深入理解vue中的slot与slot-scope
Apr 22 Javascript
微信小程序搭建自己的Https服务器
May 02 Javascript
微信小程序实现时间进度条功能
Nov 17 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实现快速排序的三种方法分享
2014/03/12 PHP
php实现天干地支计算器示例
2014/03/14 PHP
PHP数组操作简单案例分析
2016/10/15 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
javascript里的条件判断
2007/02/27 Javascript
js停止输出代码
2008/07/20 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
2016/03/11 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
2017/08/04 jQuery
微信小程序实现滚动消息通知
2018/02/02 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python实现文本去重且不打乱原本顺序
2016/01/26 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
利用Python对文件夹下图片数据进行批量改名的代码实例
2019/02/21 Python
Python数学形态学实例分析
2019/09/06 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
自动化系在校本科生求职信
2013/10/23 职场文书
小学教育毕业生自荐信
2013/11/18 职场文书
活动总结报告怎么写
2014/07/03 职场文书
员工趣味活动方案
2014/08/27 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
人事主管岗位职责
2015/02/04 职场文书