最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery.cookie实现的客户端购物车操作实例

来源:动视网 责编:小采 时间:2020-11-27 21:47:51
文档

jquery.cookie实现的客户端购物车操作实例

jquery.cookie实现的客户端购物车操作实例:本文实例讲述了jquery.cookie实现的客户端购物车操作。分享给大家供大家参考,具体如下://购物车 var Cart = function () { this.Count = 0; this.Total = 0; this.Items = new Array(); }; //购物车集合对象 var CartIte
推荐度:
导读jquery.cookie实现的客户端购物车操作实例:本文实例讲述了jquery.cookie实现的客户端购物车操作。分享给大家供大家参考,具体如下://购物车 var Cart = function () { this.Count = 0; this.Total = 0; this.Items = new Array(); }; //购物车集合对象 var CartIte


本文实例讲述了jquery.cookie实现的客户端购物车操作。分享给大家供大家参考,具体如下:

//购物车
var Cart = function () {
 this.Count = 0;
 this.Total = 0;
 this.Items = new Array();
};
//购物车集合对象
var CartItem = function () {
 this.Id = 0;
 this.Name = "";
 this.Count = 0;
 this.Price = 0;
};
 
//购物车操作
var CartHelper = function () {
 this.cookieName = "yxhCart";
 this.Clear = function () {
 var cart = new Cart();
 this.Save(cart);
 return cart;
 };
 //向购物车添加
 this.Add = function (id, name, count, price) {
 var cart = this.Read();
 var index = this.Find(id);
 //如果ID已存在,覆盖数量
 if (index > -1) {
 cart.Total -= (((cart.Items[index].Count * 100) * (cart.Items[index].Price * 100)) / 10000);
 cart.Items[index].Count = count;
 cart.Total += (((cart.Items[index].Count * 100) * (cart.Items[index].Price * 100)) / 10000);
 } else {
 var item = new CartItem();
 item.Id = id;
 item.Name = name;
 item.Count = count;
 item.Price = price;
 cart.Items.push(item);
 cart.Count++;
 cart.Total += (((cart.Items[index].Count * 100) * (cart.Items[index].Price * 100)) / 10000);
 }
 this.Save(cart);
 return cart;
 };
 //改变数量
 this.Change = function (id, count) {
 var cart = this.Read();
 var index = this.Find(id);
 cart.Items[index].Count = count;
 this.Save(cart);
 return cart;
 };
 //移出购物车
 this.Del = function (id) {
 var cart = this.Read();
 var index = this.Find(id);
 if (index > -1) {
 var item = cart.Items[index];
 cart.Count--;
 cart.Total = cart.Total - (((item.Count * 100) * (item.Price * 100)) / 10000);
 cart.Items.splice(index, 1);
 this.Save(cart);
 }
 return cart;
 };
 //根据ID查找
 this.Find = function (id) {
 var cart = this.Read();
 var index = -1;
 for (var i = 0; i < cart.Items.length; i++) {
 if (cart.Items[i].Id == id) {
 index = i;
 }
 }
 return index;
 };
 //COOKIE操作
 this.Save = function (cart) {
 var source = "";
 for (var i = 0; i < cart.Items.length; i++) {
 if (source != "") { source += "|$|"; }
 source += this.ItemToString(cart.Items[i]);
 }
 $.cookie(this.cookieName, source);
 };
 this.Read = function () {
 //读取COOKIE中的集合
 var source = $.cookie(this.cookieName);
 var cart = new Cart();
 if (source == null || source == "") {
 return cart;
 }
 var arr = source.split("|$|");
 cart.Count = arr.length;
 for (var i = 0; i < arr.length; i++) {
 var item = this.ItemToObject(arr[i]);
 cart.Items.push(item);
 cart.Total += (((item.Count * 100) * (item.Price * 100)) / 10000);
 }
 return cart;
 };
 this.ItemToString = function (item) {
 return item.Id + "||" + escape(item.Name) + "||" + item.Count + "||" + item.Price;
 };
 this.ItemToObject = function (str) {
 var arr = str.split('||');
 var item = new CartItem();
 item.Id = arr[0];
 item.Name = unescape(arr[1]);
 item.Count = arr[2];
 item.Price = arr[3];
 return item;
 };
};

希望本文所述对大家jQuery程序设计有所帮助。

文档

jquery.cookie实现的客户端购物车操作实例

jquery.cookie实现的客户端购物车操作实例:本文实例讲述了jquery.cookie实现的客户端购物车操作。分享给大家供大家参考,具体如下://购物车 var Cart = function () { this.Count = 0; this.Total = 0; this.Items = new Array(); }; //购物车集合对象 var CartIte
推荐度:
标签: 购物 购物车 cookie
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top