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事件列表解说
Dec 22 Javascript
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
判断ie的两种简单方法
Aug 12 Javascript
javascript页面上使用动态时间具体实现
Mar 18 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
JavaScript基本的输出和嵌入式写法教程
Oct 20 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 Javascript
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
js获取form表单中name属性的值
Feb 27 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 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基本函数汇总
2015/07/09 PHP
PHP的Yii框架中Model模型的学习教程
2016/03/29 PHP
javascript fullscreen全屏实现代码
2009/04/09 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
js如何取消事件冒泡
2013/09/23 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
深入php面向对象、模式与实践
2016/02/16 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
2016/12/02 Javascript
angular.JS实现网页禁用调试、复制和剪切
2017/03/31 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
解读vue生成的文件目录结构及说明
2017/11/27 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
2018/04/23 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
2020/03/03 Javascript
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
python匿名函数lambda原理及实例解析
2020/02/07 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
用HTML5实现手机摇一摇的功能的教程
2012/10/30 HTML / CSS
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
高中生校园生活自我评价
2013/09/19 职场文书
学习十八大报告感言
2014/02/04 职场文书
《望洞庭》教学反思
2014/02/16 职场文书
分公司经理任命书
2014/06/05 职场文书
赡养老人协议书范本
2015/08/06 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
七年级作文之雪景
2019/11/18 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
MySQL学习之基础命令实操总结
2022/03/19 MySQL
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android