Welcome 微信登录

首页 / 脚本样式 / JavaScript / jQuery基于cookie实现的购物车实例分析

本文实例讲述了jQuery基于cookie实现的购物车。分享给大家供大家参考,具体如下:
这里分析了jquery购物车原理,包括添加商品及数量到购物车 cookie 中,判断购物车中有无商品,如果有,则把json字符串转换成对象,返回当前商品在 cookie 中的总数。
将商品放入购物车:
$(function(){$(".tc").hide();var PId = $("#hfPId").val(); // 商品的IDvar 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 cookieoptions = 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程序设计有所帮助。