快捷導(dǎo)航

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名稱
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)容感興趣的讀者可查看本站專題：《jQuery的cookie操作技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

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

您可能感興趣的文章: