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 相关文章推荐
关于取不到由location.href提交而来的上级页面地址的解决办法
Jul 30 Javascript
20款超赞的jQuery插件 Web开发人员必备
Feb 26 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
微信小程序网络请求的封装与填坑之路
Apr 01 Javascript
Vue.js项目部署到服务器的详细步骤
Jul 17 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 Javascript
iView-admin 动态路由问题的解决方法
Oct 03 Javascript
微信小程序实现登录遮罩效果
Nov 01 Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 14 Javascript
使用jquery实现轮播图效果
Jan 02 jQuery
js动态添加带圆圈序号列表的实例代码
Feb 18 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
Mysql的常用命令
2006/10/09 PHP
php 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
php验证码实现代码(3种)
2015/09/07 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
laravel unique验证、确认密码confirmed验证以及密码修改验证的方法
2019/10/16 PHP
Javascript拓展String方法小结
2013/07/08 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
jQuery 获取多选框的值及多选框中文的函数
2016/05/16 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
angularjs路由传值$routeParams详解
2020/09/05 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
在小程序Canvas中使用measureText的方法示例
2018/10/19 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
用pywin32实现windows模拟鼠标及键盘动作
2014/04/22 Python
python实现textrank关键词提取
2018/06/22 Python
Python编程flask使用页面模版的方法
2018/12/28 Python
Python实现将HTML转成PDF的方法分析
2019/05/04 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
对Django url的几种使用方式详解
2019/08/06 Python
详解python的super()的作用和原理
2020/10/29 Python
Farnell德国:电子元器件供应商
2018/07/10 全球购物
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
一年级学生评语
2014/04/23 职场文书
资产运营委托书范本
2014/10/16 职场文书
颐和园导游词400字
2015/01/30 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
2015年度企业工作总结
2015/05/21 职场文书
任长霞观后感
2015/06/16 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书