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

添加两个插件

jquery.cookie.js

jquery.jsoncookie.js

$(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");
        }