JQuery.cookie.js实现最近浏览过的商品

r囧r小猫 2021-09-15 10:52 204阅读 0赞

JQuery实现最近浏览过的商品

**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、实现最近浏览过的商品**

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]);
                }
            }
            //--->请求商品详细详细...
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaWeb_Cookie显示最近浏览的商品

![1642540-20190710101521989-1545795100.png][] books.jsp <%-- Created by Inte

落日映苍穹つ/ 2023年08月17日 17:40/ 0 赞/ 81 阅读

相关商品浏览记录分页，相同日期商品数据合并 demo

商品浏览记录分页，相同日期商品数据合并 demo。用户在商城浏览过的商品都会被记录下来，进入浏览记录可以看到浏览过的商品，浏览记录是分页的，而在分页之后要把新情求的数，根

╰+攻爆jí腚メ/ 2022年11月15日 11:44/ 0 赞/ 149 阅读

相关记录浏览过的商品

这个功能的实现，利用session . 本人开发中用到的框架式springmvc框架。因而先获取session（每个框架获获取session的方式不一样）如何获取ses

女爷i/ 2022年08月25日 13:53/ 0 赞/ 160 阅读

相关 servlet显示商品浏览历史记录

假设有一个数据库和书本对象 //数据库 class Db{ private static Map<String, Book> map = new L

矫情吗；*/ 2022年08月12日 01:19/ 0 赞/ 160 阅读

相关显示商品浏览记录与删除浏览记录

给商品一个列表，并且每一件商品设置一个编号，用户点击每个商品时都会向servlet提交一个请求，servlet得知用户点击了哪件商品，并将商品编号保存在cookie中，用框图表

系统管理员/ 2022年07月14日 07:17/ 0 赞/ 166 阅读

相关使用cookie技术实现，缓存最近浏览过详细信息的三本书的书名列表，并进行相应显示

（1）显示书名列表，及最近阅读的最多三本书的书名 public class ShowGoods extends HttpServlet { /

客官°小女子只卖身不卖艺/ 2022年06月11日 06:39/ 0 赞/ 120 阅读

相关利用Cookie显示最近浏览的商品

功能描述：保存用户最近浏览的5件商品。功能实现：一个商品列表页面list.jsp，一个商品详情页面detail.jsp，用户在商品列表页，点击进入商品详情页，后台自

水深无声/ 2022年06月08日 14:46/ 0 赞/ 174 阅读

相关使用Cookie获取最近浏览商品

Cookie是客户端技术，当一个用户访问WEB资源时，web可以返回cookie数据，当用户再次访问web资源时会携带自己独享的cookie数据 import jav

我就是我/ 2022年05月16日 06:15/ 0 赞/ 200 阅读

相关 Javaweb学习－－显示商品浏览记录

功能：如淘宝侧边栏：您最近浏览过的商品，显示商品的标题图片等信息．１．项目结构（ViewListDBHelperDemo项目名） ![20171229093312238]

旧城等待，/ 2021年10月09日 03:42/ 0 赞/ 369 阅读

相关 JQuery.cookie.js实现最近浏览过的商品

JQuery实现最近浏览过的商品 1、jquery.cookie.js /jquery.cookie.js / jquery.cookie = fun

r囧r小猫/ 2021年09月15日 10:52/ 0 赞/ 205 阅读