使用 jQuery Cookies 在数组中存储和返回值

Question

我正在尝试创建一个 'document bank'，用户可以在其中保存文档，然后批量下载文件。 Cookies 似乎正在保存数组值，但我无法弄清楚如何 return 存储数组的长度以及如何遍历其中存储的所有值。

这是我目前所做的事情：

  $('.btn-save').click(function(e){
    e.preventDefault();
    counter++;
    $('.doc-counter').text(counter);

    var docVal = $(this).data('url');
    docArray.push(docVal);

    Cookies.set('docBank', docArray, {
      expires: 1
    });
    Cookies.set('docCount', $('.doc-counter').text(counter), {
      expires: 1
    });

  });

  console.log(Cookies.get('docBank'));

我想要实现的是：

将所有数据属性（文件 URL）存储到一个数组中
使用 Cookies
获取数组中存储值的计数
遍历存储数组的值并最终吐出文件下载

console.log(Cookies.get('docBank').length); 似乎没有解决 return 总数组大小的问题。

如有任何相关指导，我们将不胜感激！我很确定有一个我没有看到的简单解决方案。

谢谢！

Answer 1

必须使用Cookies.getJSON方法获取数组，否则只能获取JSON字符串形式的数组。

console.log(Cookies.getJSON('docBank').length);

使用 jQuery Cookies 在数组中存储和返回值

Storing and returning values in an Array using jQuery Cookies

javascript

arrays

cookies

jquery

js-cookie