如何在 Js Cookies 中存储一个长字符串？

编程问答 2022-05-31

问题描述

您好，我正在与 JsCookies 合作，它运行良好，但我遇到了问题

每当我在 cookie 中存储短字符串时，它都可以正常工作，但缺点是我无法在 cookie 中存储长字符串

例如

这工作正常 = Cookies.set('Coo','string',{ expires: 1 })

但是当我尝试存储字符串化的 JSON 数据（大字符串）时遇到问题

Cookies.set('foo',JSON.stringify(result))

请帮忙

解决方法

Cookie 不应用于存储大量数据。它们应该用于诸如用户授权和配置选项之类的东西（它们加在一起不会增加很多有效负载）。当数据与每个请求的服务器上的客户端都相关时，使用 cookie。

cookie 中的大负载不应随每个请求一起发送；这将是带宽密集型和不必要的。相反，要么：

  • 如果服务器不需要这些信息，而您只是将其用于客户端存储，请改用 Local Storage
  • 如果服务器确实需要该信息，则将数据一次发送到服务器（或者，至少，在单独的请求中将其发送到服务器，但不是在 cookie 中） - 例如通过 XHR。
  • 如果服务器有信息并且客户端需要它，则以其他方式将数据发送到客户端，而不是将其捆绑在 cookie 中。例如，您可以通过将数据嵌入到发送给客户端的 HTML 响应中来发送数据，或者让客户端向服务器发出网络请求，然后让服务器使用 JSON 格式的数据进行响应。
,

您不能在 cookie 中存储超过 4k 字节，但有一个替代方案

// Store
localStorage.setItem("lastname","Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

在本地存储中，您最多可以存储 5MB 的数据，因此您可以使用它，但问题是如果您想设置过期时间，您不能以简单的方式来完成，您需要为此制作函数.喜欢this

,

最大 cookie 大小为 4K 字节。您不能存储更多。在此处阅读有关 cookie 限制的更多信息：http://browsercookielimits.iain.guru/

如果我在我的 Chrome 浏览器上运行测试，它是这样说的：

10:41:28.954: Guessing Max Cookie Count Per Domain: 180
10:41:28.954: Guessing Max Cookie Size Per Cookie: 4096 bytes
,

使用这个功能：

function setCookie(cname,cvalue,exdays) {
  var d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  var expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

但是 cookie 的大小是有限制的（4,096 字节）。

但是您可以拥有多个 cookie，但也有限制：

  • Chrome 9 允许每个域 180 个 cookie

  • Firefox 3.6.3 允许每个域 50 个 cookie

  • Internet Explorer 8 允许每个域 50 个 cookie

  • Opera 10 和 9 允许每个域 30 个 cookie