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

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

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

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

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、實現(xiàn)最近瀏覽過的商品

var cookieName = "PrdIDCookie";  //cookie名稱
var nid;             //最新訪問的商品ID
var N = 5;            //設置cookie保存的瀏覽記錄的條數(shù)
//記錄最近瀏覽過的商品
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已經存在
  {
    //獲取瀏覽過的商品編號ID
    historyp = $.cookie(cookieName);
  };
  //分解字符串為數(shù)組
  var pArray = historyp.split(',');
  //最新訪問的商品編號放置載最前面
  historyp = nid;
  //判斷是該商品編號是否存在于最近訪問的記錄里面
  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);
}
//獲取最近瀏覽過的商品
function BindHistory() {
  var historyp = "";
  if ($.cookie(cookieName) != null) //cookie 不存在
  {
    //獲取瀏覽過的商品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]);
      }
    }
    //--->請求商品詳細詳細...
  }
}

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery的cookie操作技巧總結》、《jQuery擴展技巧總結》、《jQuery常用插件及用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

相關文章

  • jQuery簡單自定義圖片輪播插件及用法示例

    jQuery簡單自定義圖片輪播插件及用法示例

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

    jQuery mobile 移動web(6)

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

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

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

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

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

    jquery對dom節(jié)點的操作【推薦】

    下面小編就為大家?guī)硪黄猨query對dom節(jié)點的操作。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-04-04
  • js之ActiveX控件使用說明 new ActiveXObject()

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

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

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

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

    jQuery 練習[一] 學習jquery的準備工作

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

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

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

    jQuery中next()方法用法實例

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

最新評論