成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jquery.cookie實現的客戶端購物車操作實例
全站頭部文字 我要出現在這里
jquery.cookie實現的客戶端購物車操作實例 531 2024-03-15   

本文實例講述了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程序設計有所幫助。



主站蜘蛛池模板: 五年级上数学第一单元试卷| 微信头像男专用| 拇指姑娘故事完整版| 凯西·贝茨| 被抛弃的青春1982| 消防知识问答100题| 性的视频| 电影《东莞往事》在线观看免费| 日韩欧美动作影片| 罗素克劳主演电影| 烽火硝烟里的青春演员表| 黄色网址视频免费| psv游戏| 特殊的精油按摩1| 无耻之徒英文| 房事性生活| 野兽罪人电影免费观看| 妈妈1| 大学英语综合教程3| 吉泽明步作品| 中川翔子| 巨齿鲨2:深渊 电影| 猎魔人电影| 六下英语单词表| 近距离恋爱 电影| 2024年村干部考公务员试题| 大胆艺术| 乡村女教师 电影| 怎么做发射器| 木偶人| 艳妇乳肉豪妇荡乳xxx| 烽火流金电视剧免费观看完整版| 淮剧赵五娘| 寡妇高潮一级片免费看| 秀场视频高清完整版| 抚摸视频| 戚薇夫妇现身机场| 学生肉体还债电影 | 藏文作文| 我的公公电影| 疯狂试爱二|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103