将数组内容存储在会话存储中

Question

8 浏览2023年5月23日

匿名的 2022年12月11日

0 Comments

这个问题已经有了答案:

如何将数组存储在 localStorage 中？[重复]

如何在 HTML5 的 localStorage/sessionStorage 中存储对象

我有一些数据在表格中显示。当我删除一行时，我需要将其隐藏，直到该删除也被公开给后端（仅在一分钟后公开）。

还有自动刷新，每 25 秒一次，它会带来陈旧的数据（只有在一分钟后，更新的数据才能被后端获得）。

我决定使用 sessionStorage 来存储已删除的对象，然后每当陈旧的数据到来时，我就比较并不在表中显示。

但是 sessionStorage 不支持数组。所以当用户删除一个对象，转到其他页面，回来并删除另一个对象时（sessionStorage 变量被覆盖），然后刷新，只有最后一个删除的对象被隐藏，所有其他删除的对象都被显示。

我不确定如何将已删除的对象存储在 sessionStorage 中。

admin 更改状态以发布 2023年5月23日

0

匿名的 · Answer 1 · 2022-12-11T20:57:58+00:00

如果您存储的是项目数组，那么很容易。
您可以使用json.stringify 存储一个数组:

sessionStorage.setItem('deletedItems', JSON.stringify(array))

然后像这样检索它:

JSON.parse(sessionStorage.getItem('deletedItems'))

在存储下一个删除的项目之前，您可以从存储中检索先前的项目，将新项目推送到现有数组中，然后将其存储回来。