jquery 对 cookie存储 json格式的简单操作

关注

转载最新推荐文章于 2026-07-17 13:30:49 发布 2.8k 阅读 AI 写同款· GEO 优化 ›

JQcookie：简化Cookie操作的jQuery插件示例在现代Web开发中，Cookie的处理是一个不可或缺的功能。传统的Cookie操作通常涉及直接对浏览器提供的Cookie对象进行操作，这包括使用JavaScript进行手动编码以设置、读取和删除Cookies。然而，这种方式可能会引起一些问题，如跨浏览器兼容性问题、难以维护的代码以及不安全的处理方式，比如容易受到XSS攻击等。JQcookie插件的引入，旨在简化这一过程，并提供一个更加健壮和方便的API来管理Cookies。JQcookie的特点如下：简洁性。阅读详情

$(function () {
            var wowohistory = $.JSONCookie("wowohistory");//读取json格式cookie
            var id = $("#selectgoodsid").val();
            var img = $("#gooddefimg").val();
            var name = $("#productName").text();
            if (typeof (wowohistory.goods) == "undefined") {//判断cookie是否存在
                wowohistory = { "goods": [
                { "goodid": id, "img": img, "name": name}]
                };
                $.JSONCookie("wowohistory", wowohistory, { path: '/', expires: 20 });//存储json格式cookie
            }
            else {
                var flag = false;
                for (var i = 0; i < wowohistory.goods.length; i++) {
                    if (wowohistory.goods[i].goodid == id) {
                        flag = true; break;
                    }
                }
                if (!flag) {
                    if (wowohistory.goods.length >= 10) {
                        //delete wowohistory.goods[0];//只能致空，没有删除
                        wowohistory.goods.splice(0,1);//删除第一行
                    }
                    var tmp = { "goodid": id, "img": img, "name": name };
                    wowohistory.goods.push(tmp);//添加
                    $.JSONCookie("wowohistory", wowohistory, { path: '/', expires: 20 });//保存
                }
            }
        })

function clearhistory() {
            $.cookie("wowohistory", null, { path: '/' });//删除cookie
            $("#wowohistoryshow").css("display", "none");
        }

添加两个插件

jquery.cookie.js

jquery.jsoncookie.js

收录于