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 相关文章推荐
JavaScript中把数字转换为字符串的程序代码
Jun 19 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
jquery ajax跨域解决方法(json方式)
Feb 04 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 Javascript
跟我学习javascript的Date对象
Nov 19 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
JS实现的点击表头排序功能示例
Mar 27 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 Javascript
js实现整体缩放页面适配移动端
Mar 31 Javascript
原生js实现表格翻页和跳转
Sep 29 Javascript
JavaScript流程控制(分支)
Dec 06 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
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
PHP开发中四种查询返回结果分析
2011/01/02 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
Gird事件机制初级读本
2007/03/10 Javascript
window.onload 加载完毕的问题及解决方案(上)
2009/07/09 Javascript
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
2015/03/05 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
js验证真实姓名与身份证号,手机号的简单实例
2016/07/18 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
vue router 通过路由来实现切换头部标题功能
2019/04/24 Javascript
跟老齐学Python之集合(set)
2014/09/24 Python
使用Python导出Excel图表以及导出为图片的方法
2015/11/07 Python
Python实现控制台进度条功能
2016/01/04 Python
Python的消息队列包SnakeMQ使用初探
2016/06/29 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
对python:print打印时加u的含义详解
2018/12/15 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
古汉语文学求职信范文
2014/03/16 职场文书
公务员试用期满考核材料
2014/05/22 职场文书
社区重阳节活动总结
2015/03/24 职场文书
python 学习GCN图卷积神经网络
2022/05/11 Python