jQuery.co okie.jsが最近ご覧になった商品の機能例を記録します。


本論文の実例はjQuery.co okie.jsが最近見た商品機能を記録することを述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
1、jquery.co okie.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、最近見た商品を実現する。

var cookieName = "PrdIDCookie";  //cookie  
var nid;             //       ID
var N = 5;            //  cookie          
//          
function HistoryRecord() {
  var historyp;
  nid = $("#PrdID").val();
  if (nid == null || nid == "") {
    return;
  }
  //      cookie
  if ($.cookie(cookieName) == null) //cookie    
  {
    //    cookie,      
    $.cookie(cookieName, nid, { expires: 7, path: '/' });
  }
  else //cookies    
  {
    //          ID
    historyp = $.cookie(cookieName);
  };
  //        
  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           
    var pArray = historyp.split(',');
    for (var i = 0; i < pArray.length; i++) {
      if (pArray[i] != "") {
        //alert(pArray[i]);
        prdIDs.push(pArray[i]);
      }
    }
    //--->        ...
  }
}

jQueryに関するものについてもっと興味がある方は、当駅のテーマを見てください。「jQueryのクッキー操作技術のまとめ」「jQuery拡張テクニックのまとめ」「jQuery常用プラグインと使い方のまとめ」「jQuery表の操作テクニックまとめ」「jQueryよくある経典効果のまとめ」「jqueryセレクタの使い方のまとめ
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。