jQuery基于cookie实现的购物车实例分析

2019-11-20 10:56:31

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：jquery.cookie实现的客户端购物车操作实例

下一篇：jQuery实现网页顶部固定导航效果代码