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 相关文章推荐
js读写json文件实例代码
Oct 21 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 Javascript
谈谈我对JavaScript DOM事件的理解
Dec 18 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
May 28 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
React组件refs的使用详解
Feb 09 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 Javascript
js Element Traversal规范中的元素遍历方法
Apr 19 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
Vue.js实现表格渲染的方法
Sep 07 Javascript
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
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导航下拉菜单的实现如此简单
2013/09/22 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
2007/05/08 Javascript
DWZ table的原生分页浅谈
2013/03/01 Javascript
JS控制按钮10秒钟后可用的方法
2015/12/22 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
基于ajax及jQuery实现局部刷新过程解析
2020/09/12 jQuery
Vue如何基于vue-i18n实现多国语言兼容
2020/07/17 Javascript
vant中的toast层级改变操作
2020/11/04 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
python发送邮件接收邮件示例分享
2014/01/21 Python
详解Django框架中用context来解析模板的方法
2015/07/20 Python
详解python3实现的web端json通信协议
2016/12/29 Python
Python socket实现简单聊天室
2018/04/01 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
python2.7实现爬虫网页数据
2018/05/25 Python
Python 操作 MySQL数据库
2020/09/18 Python
python Tornado框架的使用示例
2020/10/19 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
HTML5实现预览本地图片
2016/02/17 HTML / CSS
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
通息工程毕业生自荐信
2013/10/16 职场文书
研究生求职推荐信范文
2013/11/30 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
2015年学校保卫部工作总结
2015/05/11 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书