Javascript/jQuery安全选择下一页的项目
Javascript/jQuery安全选择下一页的项目
提问于 2018-09-11 03:40:56
我有个问题，找不到办法...我在每个网站上都有30个项目。
用户可以选择一个、两个或更多(或全部)，然后转到下一页，选择下一页(最多30个)并转到下一页，并且如果他想要，必须是可以选择更多。
当他在下一页或其他地方时，我如何保存带有"active“类的项目，并将其保存在cookie或其他内容中？
在他完成后，我有一个按钮，我必须在其中读出所有选定的项目。
这是项目的外观(我的HTML)
<div id="items">
<label class="item active" data-itemid="12345">Item1</div>
<label class="item" data-itemid="12345">Item2</div>
<label class="item" data-itemid="12345">Item3</div>
</div>如果有人单击某项，则类操作将添加到他单击的标签中。就像第一个。
这是我的尝试
var items = [];
$('#items .active').each(function(i, obj) {
items.push($(this).data('itemid'));
});
app.setcookie('itemselected', JSON.stringify(items));它保存了每个活动类，但问题是，当我转到下一个站点时，他删除了第一个站点上选择的所有内容，并覆盖了当前站点中每个选定的(活动)项目……
Cookie看起来像12345, 123456, 1234567，但当我转到第2页并开始选择/激活下一项时，然后覆盖我的旧项
此外，当他取消选择某一项时，必须从数组/cookie中删除该itemid
回答 1
Stack Overflow用户
发布于 2018-09-11 03:52:26
试着这样开始吧……
// Save Local Data
var items = [];
$('#items .active').each(function(i, obj) {
items.push($(this).data('itemid'));
});
localStorage.setItem("active_items", JSON.stringify(items));
// retrieve data
var localData = localStorage.getItem("items");
if (localData){
items = JSON.parse(localData);
} 您可以在Storage>Local存储下的chrome检查器应用程序选项卡中查看本地保存的数据
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52264437
复制相关文章
相似问题
腾讯云开发者
