欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過(guò)的商品功能示例

 更新時(shí)間:2017年01月23日 09:38:50   作者:pan_junbiao  
這篇文章主要介紹了jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過(guò)的商品功能,結(jié)合實(shí)例形式分析了基于jQuery.cookie.js插件創(chuàng)建cookie及保存瀏覽記錄的操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過(guò)的商品功能。分享給大家供大家參考,具體如下:

1、jquery.cookie.js

/*jquery.cookie.js */
jquery.cookie = function(name, value, options) {
  if (typeof value != 'undefined') { // name and value given, set cookie
    options = 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(); // use expires attribute, max-age is not supported by IE
    }
    var path = options.path ? '; path=' + options.path : '';
    var domain = options.domain ? '; domain=' + options.domain : '';
    var secure = options.secure ? '; secure' : '';
    document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
  } else { // only name given, get cookie
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
      var cookies = document.cookie.split(';');
      for (var i = 0; i < cookies.length; i++) {
        var cookie = jQuery.trim(cookies[i]);
        // Does this cookie string begin with the name we want?
        if (cookie.substring(0, name.length + 1) == (name + '=')) {
          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
          break;
        }
      }
    }
    return cookieValue;
  }
};

2、實(shí)現(xiàn)最近瀏覽過(guò)的商品

var cookieName = "PrdIDCookie";  //cookie名稱(chēng)
var nid;             //最新訪問(wèn)的商品ID
var N = 5;            //設(shè)置cookie保存的瀏覽記錄的條數(shù)
//記錄最近瀏覽過(guò)的商品
function HistoryRecord() {
  var historyp;
  nid = $("#PrdID").val();
  if (nid == null || nid == "") {
    return;
  }
  //判斷是否存在cookie
  if ($.cookie(cookieName) == null) //cookie 不存在
  {
    //創(chuàng)建新的cookie,保存瀏覽記錄
    $.cookie(cookieName, nid, { expires: 7, path: '/' });
  }
  else //cookies已經(jīng)存在
  {
    //獲取瀏覽過(guò)的商品編號(hào)ID
    historyp = $.cookie(cookieName);
  };
  //分解字符串為數(shù)組
  var pArray = historyp.split(',');
  //最新訪問(wèn)的商品編號(hào)放置載最前面
  historyp = nid;
  //判斷是該商品編號(hào)是否存在于最近訪問(wèn)的記錄里面
  var count = 0;
  for (var i = 0; i < pArray.length; i++) {
    if (pArray[i] != nid) {
      historyp = historyp + "," + pArray[i];
      count++;
      if (count == N - 1) {
        break;
      }
    }
  }
  //修改cookie的值
  $.cookie(cookieName, historyp);
}
//獲取最近瀏覽過(guò)的商品
function BindHistory() {
  var historyp = "";
  if ($.cookie(cookieName) != null) //cookie 不存在
  {
    //獲取瀏覽過(guò)的商品ID
    historyp = $.cookie(cookieName);
  }
  if (historyp == null && historyp == "") {
    return;
  }
  else
  {
    var prdIDs = [];  //將商品ID以列表或數(shù)據(jù)的方式保存
    var pArray = historyp.split(',');
    for (var i = 0; i < pArray.length; i++) {
      if (pArray[i] != "") {
        //alert(pArray[i]);
        prdIDs.push(pArray[i]);
      }
    }
    //--->請(qǐng)求商品詳細(xì)詳細(xì)...
  }
}

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《jQuery的cookie操作技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • jQuery簡(jiǎn)單自定義圖片輪播插件及用法示例

    jQuery簡(jiǎn)單自定義圖片輪播插件及用法示例

    這篇文章主要介紹了jQuery簡(jiǎn)單自定義圖片輪播插件及用法,結(jié)合實(shí)例形式分析了jQuery基于時(shí)間函數(shù)動(dòng)態(tài)修改頁(yè)面元素屬性實(shí)現(xiàn)圖片輪播功能的相關(guān)操作技巧,需要的朋友可以參考下
    2016-11-11
  • jQuery mobile 移動(dòng)web(6)

    jQuery mobile 移動(dòng)web(6)

    這篇文章主要介紹了jQuery mobile 移動(dòng)web(6)的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • jquery實(shí)現(xiàn)心算練習(xí)代碼

    jquery實(shí)現(xiàn)心算練習(xí)代碼

    實(shí)現(xiàn)代碼的過(guò)程中,有兩個(gè)問(wèn)題很棘手,一個(gè)是開(kāi)始按鈕連續(xù)單擊,計(jì)時(shí)時(shí)間會(huì)迅速加快;二是如何判定玩家單擊哪個(gè)按鈕。
    2010-12-12
  • jQuery中綁定事件bind() on() live() one()的異同

    jQuery中綁定事件bind() on() live() one()的異同

    本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-02-02
  • jquery對(duì)dom節(jié)點(diǎn)的操作【推薦】

    jquery對(duì)dom節(jié)點(diǎn)的操作【推薦】

    下面小編就為大家?guī)?lái)一篇jquery對(duì)dom節(jié)點(diǎn)的操作。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-04-04
  • js之ActiveX控件使用說(shuō)明 new ActiveXObject()

    js之ActiveX控件使用說(shuō)明 new ActiveXObject()

    ActiveX 控件廣泛用于Internet。它們可以通過(guò)提供視頻、動(dòng)畫(huà)內(nèi)容等來(lái)增加瀏覽的樂(lè)趣。不過(guò),這些程序可能出問(wèn)題或者向您提供不需要的內(nèi)容
    2014-03-03
  • jquery性能優(yōu)化高級(jí)技巧

    jquery性能優(yōu)化高級(jí)技巧

    jquery性能優(yōu)化做好,速度也很快,那么如何提高jquery性能呢,本篇文章給大家介紹jquery性能優(yōu)化高級(jí)技巧,需要的朋友可以參考下
    2015-08-08
  • jQuery 練習(xí)[一] 學(xué)習(xí)jquery的準(zhǔn)備工作

    jQuery 練習(xí)[一] 學(xué)習(xí)jquery的準(zhǔn)備工作

    初次嘗試 jQuery, 近乎震撼! 簡(jiǎn)潔、高效、優(yōu)雅、平易, 太有思想了.
    2010-05-05
  • jQuery on()方法使用技巧詳解

    jQuery on()方法使用技巧詳解

    這篇文章主要介紹了jQuery on()方法使用技巧詳解,本文講解了trigger()綁定、多個(gè)事件綁定同一個(gè)函數(shù)、多個(gè)事件綁定不同函數(shù)、綁定自定義事件、傳遞數(shù)據(jù)到函數(shù)等技巧,需要的朋友可以參考下
    2015-04-04
  • jQuery中next()方法用法實(shí)例

    jQuery中next()方法用法實(shí)例

    這篇文章主要介紹了jQuery中next()方法用法,實(shí)例分析了next()方法的功能、定義及獲得匹配元素集合中每個(gè)元素緊鄰的同輩元素使用技巧,需要的朋友可以參考下
    2015-01-01

最新評(píng)論