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 学习点滴记录
Apr 24 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
Mar 25 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
实例代码详解jquery.slides.js
Nov 16 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
Apr 28 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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 遍历XP文件夹下所有文件
2008/11/27 PHP
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
Js切换功能的简单方法
2010/11/23 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
JavaScript中三个等号和两个等号你了解多少
2017/07/04 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
微信小程序实时聊天WebSocket
2018/07/05 Javascript
JavaScript引用类型Function实例详解
2018/08/09 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
Pyramid添加Middleware的方法实例
2013/11/27 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
Python列表(List)知识点总结
2019/02/18 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
python如何调用java类
2020/07/05 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
男女朋友协议书
2014/04/23 职场文书
商务英语专业求职信
2014/06/26 职场文书
化验员岗位职责
2015/02/14 职场文书
同学毕业留言寄语
2015/02/27 职场文书
学习杨善洲同志先进事迹心得体会
2016/01/23 职场文书
Java实现简易的分词器功能
2021/06/15 Java/Android
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android