浏览其重载后数组重置怎么解决

$(function() {      
    $(".insert").click(function() {
        var shop = {
            "img": $(this).attr("img"),
            "name": $(this).attr("name"),
            "price": $(this).attr("price"),
            "det": $(this).attr("dt"),
        };

        SetCookies('AddShop', shop)

        function SetCookies(CookieName, str) {
            var arr = [];
            arr.push(str);
            var data = JSON.stringify(arr);
            $.cookie(CookieName, data, {
                path: '/',
            });

        }
    });

});

多个网页调用这个js 点击之后创建一个cookie 并且存储一条数据 返回之后浏览其他页面数组就被重置 怎么保存数组里面的数据

这些数据重要吗，如果重要的话，不要存 cookie 了，直接作为请求参数带入到下一个页面中去。

var arr = []; 这里不应该是每次都创建一个新的数组，而是从cookie里面获取，如果cookie没有就创建新的，这样才能共享数据，不然每次都会被新的覆盖

有用请采纳！