jQuery基于cookie实现的购物车实例分析
更新时间：2015年12月24日 12:06:26 作者：desteps
这篇文章主要介绍了jQuery基于cookie实现购物车的方法,结合实例形式简单分析了jQuery基于cookie实现针对商品信息的购物车存储功能,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery中:checked选择器用法,实例分析了:checked选择器的功能、定义及选取选中的复选框或单选按钮时的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jquery如何判断表格同一列不同行input数据是否重复,需要的朋友可以参考下2014-05-05
jquery分页插件jquery.pagination.js使用方法解析
这篇文章主要针对js分页插件jquery.pagination.js使用方法进行解析，很实用的分页插件，感兴趣的小伙伴们可以参考一下2016-04-04
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
checkbox全选/取消全选以及checkbox遍历jQuery实现代码2009-12-12
这篇文章主要介绍了jquery鼠标经过变色效果代码，大家参考使用吧2013-12-12
浮动DIV定时显示提示信息,如操作成功, 失败等，使用jquery的朋友可以参考下。2010-08-08
这篇文章主要介绍了jQuery事件绑定on()与弹窗实现代码,需要的朋友可以参考下2016-04-04
很多开发者都知道jQuery的.live()方法，他们大部分知道这个函数做什么，但是并不知道是怎么实现的，所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些，但是你意识到.die()了吗？2011-09-09
这篇文章主要介绍了jquery实现多屏多图焦点图切换特效的方法,涉及jQuery插件jquery.kinMaxShow实现焦点图的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
jquery 的 $("#id").html() 无内容的解决方法
今天在做一个输入用到jquery的.html方法，可是用.html（）输不出来2010-06-06
最新评论