jQuery基于cookie实现的购物车实例分析
本文实例讲述了jQuery基于cookie实现的购物车。分享给大家供大家参考,具体如下:
这里分析了jquery购物车原理,包括添加商品及数量到购物车cookie中,判断购物车中有无商品,如果有,则把json字符串转换成对象,返回当前商品在cookie中的总数。
将商品放入购物车:
$(function(){
$(".tc").hide();
varPId=$("#hfPId").val();//商品的ID
varPName=$("#lblPName").text();//商品名称
varPMemberPrice=$("#lblPMemberPrice").text();//会员价
varPAmount=1;
varjsonStr="[{'PId':'"+PId+"','PName':'"+PName+"','PMemberPrice':'"+PMemberPrice+"','PAmount':'"+PAmount+"'}]";
//将商品放入购物车
$("#putCart").click(function(){
setCookie(PId,jsonStr);
});
赋值:
varsetCookie=function(name,value,options){
if(typeofvalue!='undefined'){//nameandvaluegiven,setcookie
options=options||{};
if(value===null){
value='';
options.expires=-1;
}
varexpires='';
if(options.expires&&(typeofoptions.expires=='number'||options.expires.toUTCString)){
vardate;
if(typeofoptions.expires=='number'){
date=newDate();
date.setTime(date.getTime()+(options.expires*24*60*60*1000));
}else{
date=options.expires;
}
expires=';expires='+date.toUTCString();
}
varpath=options.path?';path='+(options.path):'';
vardomain=options.domain?';domain='+(options.domain):'';
varsecure=options.secure?';secure':'';
希望本文所述对大家jQuery程序设计有所帮助。