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

Question

我正在尝试创建一个“文档库”，用户可以在其中保存文档，然后作为一批文件下载。 Cookie 似乎正在保存数组值，但我无法弄清楚如何返回存储数组的长度以及如何遍历其中存储的所有值。

这是我到目前为止所做的：

  $('.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); 似乎无法返回数组总大小。

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

谢谢！

Answer 1

你必须使用Cookies.getJSON方法来获取数组，否则你将只能得到一个JSON字符串的数组。

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