jquery.cookie實現(xiàn)的客戶端購物車操作實例
更新時間:2015年12月24日 12:19:10 作者:黑冰.org
這篇文章主要介紹了jquery.cookie實現(xiàn)的客戶端購物車操作,結(jié)合實例形式分析了jQuery基于cookie存儲及操作數(shù)據(jù)實現(xiàn)購物車功能的技巧,需要的朋友可以參考下
本文實例講述了jquery.cookie實現(xiàn)的客戶端購物車操作。分享給大家供大家參考,具體如下:
//購物車 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已存在,覆蓋數(shù)量 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; }; //改變數(shù)量 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; }; //根據(jù)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實現(xiàn)更換網(wǎng)頁背景的方法
- Jquery操作cookie記住用戶名
- jquery中cookie用法實例詳解(獲取,存儲,刪除等)
- jquery.cookie.js用法實例詳解
- jQuery基于cookie實現(xiàn)的購物車實例分析
- jQuery操作cookie方法實例教程
- jQuery的cookie插件實現(xiàn)保存用戶登陸信息
- jquery.cookie() 方法的使用(讀取、寫入、刪除)
- jquery 刪除cookie失效的解決方法
- 可兼容IE的獲取及設置cookie的jquery.cookie函數(shù)方法
- 詳解jQuery的Cookie插件
相關文章
jQuery實現(xiàn) 上升、下降、刪除、添加一行代碼
這篇文章主要介紹了jQuery實現(xiàn) 上升、下降、刪除、添加一行代碼的實現(xiàn)方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03jQuery插件FusionCharts繪制ScrollColumn2D圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts繪制ScrollColumn2D圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts插件結(jié)合swf文件實現(xiàn)ScrollColumn2D圖的繪制功能,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03