Javascript 使用 JSON 将对象推送到 cookie

Question

大家好，点击按钮我需要将对象添加到数组，然后将数组写入cookie。从一开始这个数组就不能为空，所以我首先解析 cookie。

function addToBasket(){
        var basket = $.parseJSON($.cookie("basket"))

        if (basket.length==0||!basket){
            var basket=[];
            basket.push(
                { 'number' : this.getAttribute('number'),
                    'type' : this.getAttribute('product') }
            );
        }
        else{
            basket.push(
                { 'number' : this.getAttribute('number'),
                    'type' : this.getAttribute('product') }
            );
        }
        $.cookie("basket", JSON.stringify(basket));
    }

和 HTML

<button type="button" class="btn btn-success btn-lg" number="12" product="accs" onclick="addToBasket()">Add</button>

不幸的是，我遇到了 Uncaught ReferenceError: addToBasket is not Defined onclick。不明白我做错了什么？谢谢!

Answer 1

我大大简化了你的代码，这是一个 fiddle :http://jsfiddle.net/yJ6gp/

我使用 jQuery 连接了单击事件并简化了一些代码(请参阅注释)。请注意，我稍微更改了您的 html，以便我可以按类别选择“添加购物篮”按钮 - 根据需要进行更改。

$(function () {//doc ready
    $.cookie.json = true; //Turn on automatic storage of JSON objects passed as the cookie value. Assumes JSON.stringify and JSON.parse:
    $('.add-basket').click(function() {
        var basket = $.cookie("basket") || []; //if not defined use an empty array
        var $this = $(this);

        basket.push({
            'number': $this.attr('number'),
            'type': $this.attr('product')
        });
        console.log(basket);
        $.cookie("basket", basket);
    });
});