如何在一个localStorage密钥中存储多个值？
在一个localStorage密钥中存储多个值，可以通过将多个值组合成一个对象或数组，并将其转换为字符串进行存储。以下是一个示例：
- 创建一个存储多个值的对象或数组：
- 创建一个存储多个值的对象或数组：
- 将对象或数组转换为字符串：
- 将对象或数组转换为字符串：
- 使用localStorage将字符串存储在密钥中：
- 使用localStorage将字符串存储在密钥中：
存储后，可以使用以下步骤来检索和使用这些值：
- 从localStorage中获取存储的字符串数据：
- 从localStorage中获取存储的字符串数据：
- 将存储的字符串转换回对象或数组：
- 将存储的字符串转换回对象或数组：
- 使用解析后的对象或数组中的值：
- 使用解析后的对象或数组中的值：
这种方法允许您在一个localStorage密钥中存储和检索多个值。请注意，localStorage只能存储字符串数据，因此需要进行JSON字符串的转换。此外，这种方法仅适用于存储较小的数据量，如果需要存储大量数据，可能需要考虑其他方案，如使用数据库。
相关·内容
1回答
本地存储多密钥存储
、、、
我想知道我是否可以在localStorage上存储多个密钥？例如：
localStorage.setItem("a_key", a_value);
localStorage.setItem("another_key", another_value);
这样做是可能的吗？如果不是，你建议我应该做什么作为解决方法，因为我需要在客户端存储两个键或变量？
浏览 2提问于2012-05-17得票数 2
回答已采纳
我在将多个项保存到DOM本地存储时遇到了问题。每次我添加一个项目时，它都会在页面重新加载后很好地保存它，但是当我添加一个新项时，它会覆盖前一个项。如何保存添加到localStorage中的每一项？
JS
var prodname, prodprice, proddescript;
var savedContent = $('.container')
var content = [];
$('.addform').fadeOut(0);
i = 0;
$('.addproduct').click(func
浏览 3提问于2019-11-30得票数 1
回答已采纳
我有一个服务器时间，点击+增加，点击减号。如果首先增加/减少时间，然后在新选项卡中打开页面，则将显示开始时间，而不是减少/放大的时间。为什么？我正确地使用了localStorsge。我犯了什么错？
index.php
<div id="timer"></div>
<button id="plus">+</button>
<button id="minus">-</button>
<script>
jQuery(document).ready(function (
浏览 0提问于2018-01-18得票数 0
回答已采纳
我现在正在制作一个主干应用程序，并使用backbone.localstorage插件来持久化数据。我的应用程序有一些可排序的项目，所以我希望每次我对这些项目进行排序时，localStorage中的数据顺序也会改变。下一次刷新整个页面时，页面将由排序后的数据呈现。但是看起来backbone.localstorage会按照它的创建顺序持久化数据。有没有人能给我一些建议？
浏览 3提问于2012-05-01得票数 1
回答已采纳
1回答
我试图在javascript的两个页面之间发送一个对象，但是我知道我使用的是tomcat服务器，这是第一个页面中的第一个函数：
$http.get('rest/client/authentifier/'+$scope.nouveauClient.numerocompte + '/' + $scope.nouveauClient.mdp)
.then(function(clientresult) {
window.localStorage.setItem("client",clientresult.data);
parent.loc
浏览 0提问于2018-01-29得票数 0
回答已采纳
1回答
我有以下几点：
localStorage.setItem("list",listoption1);
localStorage.setItem("list",listoption2);
// ...
localStorage.setItem("list",listoption10);
我还有：
localStorage.setItem("settings",settingval);
我想列出所有列表选项，但当我请求localStorage.key(i)时，我也会收到来自设置键的值。是否可以将所有内容仅存储在list key中？
浏览 1提问于2011-08-10得票数 0
1回答
在登录示例中，我尽量不使用数据库，而是使用浏览器本地存储。我的意思是，当用户提供“用户名”和“密码”时，它会检查浏览器的本地存储，然后就可以登录了。我使用HTML5的localStorage.setItem和localStorage.getItem来获取数据并显示出来。这是我的代码-
var user_name=document.getElementById('userName').value;
var user_pswd=document.getElementById('password').value;
localStor
浏览 0提问于2014-10-30得票数 3
有一个localStorage的代码，我可以添加多个图像，刷新页面后只剩下一个图像。如何将刷新后的图片全部放入？
我还在这里创建了一个代码片段：
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// Loop through the FileList and render image files as thumbnails.
for (var i = 0, f; f = files[i]; i++) {
// Only proce
浏览 0提问于2019-10-23得票数 1
我的目标是保存我的禁用状态，即使我正在刷新网页。目前，我只能将1个数据保存到本地存储(请参阅图像链接)。我的目标是如何在我的localstorage中保存多个按钮禁用状态？谢谢 http://prntscr.com/1dc78u1 html： <button type="button" id ='button1'> Button 1 </button>
<button type="button" id ='button2' disabled > Button 2 </button>
浏览 33提问于2021-07-20得票数 0
回答已采纳
所以我在这里有我的函数，它会计算你点击按钮的次数。它会用localStorage保存总数，当你return...you猜测时，it...it会给我最后一个值。但是现在我想创建很多这样的东西，我不想复制粘贴和浪费时间。我想创建一个函数，我可以通过参数传递一个值，它将创建一个localStorage(参数中的值)来完成我的按钮计数。
<!DOCTYPE html>
<html>
<head>
<script>
function showNum()
{
document.getElementById("result").inner
浏览 0提问于2014-05-27得票数 0
5回答
假设我创建了一个本地存储键，并给它一个空字符串。关键字的名称是否与每个字符的值占用相同的空间？
举个例子
localStorage.setItem("keyitem","")
//Equal the space of this other one under?
localStorage.setItem("key","item");
而且，键的数量重要吗？例如
localStorage.setItem("key","");
//Equal the amount of storage as the 3
浏览 9提问于2015-04-29得票数 9
回答已采纳
我有这个：
var delItem = localStorage.length;
window.alert("this should be localStorage.length: " + delItem);
localStorage.removeItem(delItem); //removing the last item on storage
window.alert("length after removing item: " + localStorage.length);
有人能告诉我为什么在我取下物品之前和之后我的长度都是一样的吗？
一个我忽略的
浏览 1提问于2017-05-14得票数 0
回答已采纳
我有一个名为model的对象，我希望它存储在本地存储中。 model.username和model.password是我的表单中的两个字段。我想将model.username存储在本地存储中。我需要在本地存储中添加每个要添加的用户名。但在我的例子中，每次我尝试输入新的用户名时，以前的用户名在本地存储中都会被覆盖，即任何时候只有一个用户名被存储在ls中。 以下是登录模板 <form (ngSubmit)="f.valid && onSubmit(f) " #f="ngForm" novalidate>
<div>
浏览 7提问于2019-06-17得票数 1
我正在使用JSTree来呈现我的一些目录和子目录。在js树中，我启用了复选框，当用户选择超过1个复选框时，我将禁用第一个选择以启用第二个选择。以下是我的代码：
$(document).ready(function(){
$("#annotateDirectories").jstree({
"checkbox": {
'tie_selection' : false,
'two_state' : true
},
'plugins&
浏览 5提问于2018-03-01得票数 1
1回答
我刚刚开始学习JavaScript。我创建了一个save函数来将数据保存到本地存储，但每次我尝试保存数据时，它总是得到这样的错误:推送不是一个函数。
错误出现在这段代码中：
var issues = JSON.parse(localStorage.getItem('issues'));
issues.push(issue);
我在试着从本地存储中获取数据。var issues应该是一个对象数组，所以我可以将另一个对象推入其中。
这是完整的代码：
function fetchIssues () {
var issues = JSON.parse(localStorage.ge
浏览 33提问于2018-06-03得票数 -1
如何从LocalStorage中只删除选定的项？
我创建了一个按钮来取消任务。但是当我单击它时，所有其他任务都会被删除。
const tasks = [];
btn.addEventListener("click", addTask);
function createLi(value) {
tasks.push(value);
let li = document.createElement("li");
li.appendChild(document.createTextNode(value));
container.appendChi
浏览 1提问于2022-09-05得票数 2
回答已采纳
1回答
由于我没有开发web应用程序的经验，可以横向扩展，我需要有经验的人指导我在正确的方向。
我很难找到将登录会话存储在数据库中的正确方法，所以我遇到的问题是，当我计划在将来使用复制时，是否正确地将它们存储在数据库中？如果不是的话，候补人是什么？
我需要不同的客户端(android，Windows，.)使用与同一用户相关的自己的会话连接到服务器，我正在使用：
1美分-操作系统作为操作系统
2- PostgreSQL作为数据库管理系统
3-Tomee作为HTTP服务器和Servlet容器
4-分区表(PostgreSQL中继承的表)，以提高性能、内存索引扫描的机会、防止碎片等。
我的问题是，我需要检查
浏览 3提问于2017-06-02得票数 0
回答已采纳
在我的angular项目中有一个购物车功能。所以我想从任何人那里得到一些帮助。 1.如何检查用户以前是否添加到购物车(通过将本地存储中的现有产品ID与新选择的产品ID进行匹配)，现在选择的产品。 2.如果之前添加到购物车，如何更新(新数量或新类型到现有产品ID下)。 3.如果之前没有添加，如何在新的产品ID下作为新产品推送到本地存储，不能影响其他选择的购物车产品 角度7阶梯 Product.components.ts constructor(private cartService:CartServicesService)
public addToCart(productId : any ,
浏览 33提问于2019-05-03得票数 0
回答已采纳
3回答
嗨，我写了一个代码，它的本地存储应用于页面上的选项。唯一的问题是我无法保存选项搜索的页面。就像你在小提琴里看到的那样。即使在刷新后，这些选项仍然与选择的选项相同。但是当你点击搜索函数。它会带你到那个图像，并应用这些选项。但是当您刷新页面时，它会返回到原来的页面。刷新后如何保持相同的显示？
这是我的本地存储代码，它适用于选项，但不用于显示搜索产生的结果。
$('#browsepagebutton').on('click', function() {
$('select').each(function() {
var id =
浏览 3提问于2017-03-17得票数 0
回答已采纳
我正在编写一个导出大量图像数据的应用程序，这样做需要一些时间，而在此期间，用户正在等待。当我导出数据时，我想存储它，以防用户希望在不久的将来再次看到它。我在html5中经历了一些本地存储方法，其中最有希望的似乎是localStorage。本地存储的一个缺点是，它往往不允许存储那么多数据，大多数情况下是5Mb，而且每次我获得一些数据时，我的想法都是将其存储在localStorage中。当那些可怜的小5MB被填满时，问题就出现了，然后我想从内存中删除最古老的元素，但是似乎没有简单的方法来做到这一点，因为所有的东西都存储在键值对中。
因此，我不太确定如何在本例中继续使用localStorage。是否
浏览 1提问于2014-04-03得票数 0
回答已采纳
我正在存储多个数组到本地存储。
firstArray = [];
secArray = [];
var firsteobj = {class: class, subject: subject, school: school, area: area, zipcode: zipcode};
firstArray.push(firstobj);
localStorage.firstRecord = JSON.stringify(firstArray);
var secobj = {student: student, grade: grade, age: age};
secArray
浏览 1提问于2018-07-01得票数 2
回答已采纳
1回答
我在localStorage中有几个条目。现在，我将从localStorage中获取所有数据，并对其执行替换操作。
例如。
for(var i=0; i<window.localStorage.length; i++) {
var strKey = window.localStorage.key(i);
var sKey = strKey.replace("abc","")
console.log(sKey +"\n");
}
在这种情况下，我无法得到所需的结果。"abc“不会被取代。
浏览 1提问于2013-10-08得票数 0
我目前正在学习一个基本的JavaScript课程，有一个例子使我感到困惑，因为getItem()函数似乎可以有两种返回类型。
if(!localStorage.getItem('name')) {
setUserName();
} else {
var storedName = localStorage.getItem('name');
myHeading.textContent =storedName;
}
因此，在if条件下，getItem返回true或false，这取决于是否存在存储在localStorage中的项。稍后，返回值作为字符串存储在
浏览 0提问于2018-02-08得票数 0
回答已采纳
2回答
我试图使用JSON.parse/stringify在本地存储中存储和更新一个数组。但它似乎不起作用。
yesArray = JSON.parse(localStorage.getItem(yesArray));
yesArray.push("yes");
localStorage.setItem("yesArray", JSON.stringify(yesArray));
我是不是都错了？
浏览 2提问于2016-12-06得票数 5
回答已采纳
2回答
局部存储角中的覆盖问题
、、、
我的项目有一个问题，我试图在localStorage中添加不同的菜谱，当我按下add to热门按钮时，但是如果我单击3种不同的菜谱，它们会在localStorage中覆盖而不是添加其中的每一种。如果有人能有一点时间的话，我想在这里得到一些帮助。非常感谢
recipe.ts。-我这里有我的后端的菜谱，我取了它们，并尝试在localStorage中添加它们
ngOnInit() {
this.getDataFromApi();
}
getDataFromApi() {
this.service.getData().subscribe(
(response) =
浏览 1提问于2021-08-26得票数 0
回答已采纳
1回答
我希望将创建的每个字段存储在localStorage中，以便获得ID以供以后使用。 这是一个cordova应用程序。 我正在用javascript创建字段。一个外部DIV，输入字段和一个按钮。此输入字段和按钮必须存储在localStorage中以供以后使用。 我已经在localStorage中存储了div组ID，输入字段ID和按钮ID。我不知道这是不是最好的解决方案，但如果不是，那么我将感谢一些建议。 这是我存储它的方式： localStorage.setItem('inputGroup', 'input_area_group_' + id + '&#
浏览 18提问于2019-04-16得票数 1
1回答
我正在尝试将选定的项目添加到购物车预览中，并将它们保存到本地存储中，这样我就可以将它们添加到实际的购物车中。但是，当我只刷新我单击的最后一项时，就会显示在容器中。我看到，即使当我选择项目时，也只有最后一项出现在控制台的“应用程序”部分。我哪里出问题了？
btnAddCart.forEach(button => {
button.addEventListener('click', function () {
const markup = `
<li class="index-preview-list-item">
&
浏览 1提问于2022-08-31得票数 1
我读了一些关于sessionStorage和localStorage的文档，但我不明白范围是什么:域，一个特定的页面？
例如，如果我有以下页面：
如果我在上面的每个页面上运行( idvalue是querystring中的值)：
localStorage.setItem('ID',idvalue);
我最终会存储3个不同的值，还是这些值会相互覆盖？
浏览 1提问于2012-03-17得票数 107
回答已采纳
我有两个带有简单表单的HTML页面。当用户单击"Submit“时，我希望使用index.html保存来自localStorage的文本输入，并将此值显示在from 1.html的文本字段中。我认为retrieveName()函数的实现可能有问题。怎样才能使它正确地工作呢？
index.html
<form name="form1" method="post" action="html1.html">
<label>Name:
<input type="text" id="f
浏览 2提问于2016-10-12得票数 1
回答已采纳
我创建了一个使用保存和删除数据的简单应用程序。问题是，当我删除一个项目时，它只删除值而不是键，所以当我加载所有我删除的项目(当然是空的)时，我一直在寻找删除键的方法，有方法删除它吗？任何帮助都是非常感谢的。
P.S.：如果您无法让代码在这里工作，请尝试
我的代码：
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
&l
浏览 3提问于2015-08-31得票数 1
回答已采纳
我正在使用ionic框架构建一个应用程序。我有一个使用ngStorage本地存储的数组...我的问题是，当我注销时，我必须清除$localStorage.SomeArray，这样当以不同的用户身份登录时，该用户将不会继承$localStorage.SomeArray。有没有办法做到这一点？
浏览 1提问于2015-07-03得票数 0
1回答
我创建了一个简单的购物篮。第一个div将商品添加到购物车中，第二个div将商品从购物车中移除。
刷新浏览器后，购物车中的产品将消失。如何将这些数据保存在会话中？
$(document).on("click", ".addtobasket", function () {
$("#kontener_koszyka").fadeIn();
var nazwa = $(this).closest('.produkt').find('.nazwa').text();
var cena = $(th
浏览 0提问于2018-06-27得票数 0
4回答
代码应该做的是接受用户输入并将其存储在LocalStorage中，然后获取已存储的输入并显示它。因为是localStorage，所以它应该保留输入并在关闭和打开后显示它。
我一直在关注，并尝试修改和适应我想做的事情。问题是它不能保存。
如果这是一个糟糕的问题，很抱歉
function saveBio() {
var newBio = document.getElementById("bio").value; //get user input
localStorage.setItem("storeBio", newBio); //store it
浏览 2提问于2018-12-10得票数 0
我有以下代码，非常重复：
const flags = {
get logged() {
return localStorage.getItem("logged") === "true";
},
set logged(val: boolean) {
if (val) {
localStorage.setItem("logged", "true");
} else {
localStorage.removeItem("logged");
}
},
浏览 7提问于2022-03-04得票数 1
回答已采纳
1回答
有人能帮我吗？如何在许多列中本地添加数据？我试过了但是..。
在我的代码下面，我尝试创建更多的var，如："var薪水= document.forms.MedList.salary.value；var test = document.forms.MedList.test.value；localStorage.setItem(名称、数据、薪水、测试)；“等等，但是它不起作用.
我必须改变我的doShowAll函数或类似的东西？
function SaveItem() {
var name = document.forms.MedList.name.value;
var data = d
浏览 3提问于2016-03-09得票数 0
回答已采纳
我是flutter的新手，我想在使用SharedPreferences登录后在本地保存数据。我创建了一个loadUserData()类，用于在其他类中重用存储在SharedPreferences中的数据。
登录类：
Future<User> login(String email, String password) async {
await checkInternet();
Map<String, String> headers = {
'Content-type': 'application/json'
浏览 9提问于2021-05-29得票数 0
1回答
我只是开始建立一个待办事项清单。我的方法是将数据保存在第一个选项卡中，并在第二个选项卡中显示它。我可以将数据保存到本地存储中。但对我来说，数据变得越来越重要。知道我在哪里做错了吗？
这是我的jsFiddle
使用的HTML是
<form id="todo-form">
<input type="text" name="t_title" id="t_title" placeholder="Title" />
<textar
浏览 0提问于2014-07-14得票数 0
我正在制作由亚马逊网络服务放大框架支持的ReactJS应用程序。
我想制作定制的signUp组件。一切正常，除了我的localStorage是空的。
当我使用"withAuthenticator“方法进行身份验证时，localStorage充满了对应用程序工作很重要的数据，现在它是空的。
我的问题是:如何强制aws amplify身份验证将身份验证数据放入本地存储，就像它在"withAuthenticator“方法中所做的那样。
我包含了我的signUp函数的代码。
Auth.signUp({
username,
password,
attributes
浏览 24提问于2019-07-17得票数 2
回答已采纳
我使用localStorage来存储一些用户可能看到的数据和一些用户不允许看到的数据。
现在我正在迭代整个localStorage，以获得要在列表中显示的数据，但问题是我的所有其他数据都附带了它(例如一些变量，等等)。
for (i = 0; i < tracks_recorded; i++) {
$("#history_tracklist").append("<li><a href='#track_info'>" + window.localStorage.key(i) + "</a>&
浏览 0提问于2013-05-14得票数 0
回答已采纳
我读了很多关于json令牌和会话的文章，但是仍然不理解一些东西。
使用令牌的好处是跨多个设备进行身份验证。
- Lets say user signs up on website, server generates session id, sends to client, client saves it in cookies or localstorage (so whenever user wants to log in again on website, client sends session id to server on each request, sever queries db
浏览 5提问于2020-02-09得票数 1
我想知道在Phonegap应用程序中使用html5 LocalStorage来存储用户会话的安全性。
理想情况下，我会存储用户id +一个随机字符串，以便在数据库中验证他的身份，就像典型的“记住我”cookie一样。
这是一个安全的做法吗？当涉及到在Phonegap应用程序上存储数据时，有什么我可能忽略的地方？也许是LocalStorage之外的东西？
浏览 0提问于2013-04-09得票数 0
2回答
`$(function rememberMe() {
if (localStorage.chkbx && localStorage.chkbx != '') {
$('#remember-me').attr('checked', 'checked');
$('#user').val(localStorage.usrname);
$('#pass').val(localStorage.
浏览 4提问于2016-04-05得票数 2
回答已采纳
1回答
我需要在页面访问之间存储分页组件的状态(具体来说，我需要保存当前查看的页面、每页显示的项目数以及筛选/搜索条件文本)。
一开始，我考虑使用localStorage创建客户端本地会话。但是这在IE8中不起作用，所以我回到在IE8中使用会话cookie。但是筛选/搜索条件是敏感数据，因此会话cookie是不可接受的。
现在我正在考虑使用服务器端会话存储，但我想使实现透明。其想法是创建一个名为“本地会话”的全局javascript对象(或jQuery插件)。本地会话实现将在每个请求中发送其内容(使用jQuery AJAX beforeSend回调)。因此，每个请求都将发送客户端“本地会话”的新状态。
浏览 3提问于2013-10-02得票数 0
2回答
我有一个函数，前面有两个参数，它以前只使用一个参数，所以在道具中传递它如下：-
mixed1.map((cat1) => (<ServicesCategoryOption category1={cat1.categories} setacatid={i=>this.setacatid(i)}/>))
但现在我把西塔卡蒂改成：-
setacatid(a,b){
console.log(b);
this.setState({
catidofclicked:a,
catnameofcli
浏览 0提问于2018-06-27得票数 0
回答已采纳
所以我将一些信息存储在localStorage中的一个表中。信息看起来像这样：
localStorage = Storage {Mon Jan 04 2021 14:53:49: "{"duration":"00:00:16","reason":"test1"}"}
我已经在HTML中设置了一个表的开始部分，现在我正尝试将上述信息附加到遍历每个对象的表中。我以前让它工作，但我做它的方式不是很容易阅读，所以我试图用循环来压缩它。但是现在我的代码一直抛出这样的错误："displayRecords.js:39未捕
浏览 0提问于2021-01-06得票数 0
3回答
我目前正在使用以下方法将我的数组映射到setState，但是没有设置任何内容，也没有记录错误。如果我显式地逐行写出它，它就能工作。对于如何解决这个问题，有什么想法或建议吗？
具有数组的集状态：(不setSate)
const myData = ['message', 'photo', 'isLoggedInhoto'];
const newData = [];
{[...Array(myData.length)].map((x, index) =>
newData.push(myData[index])
)}
this.setSta
浏览 10提问于2016-12-13得票数 2
回答已采纳
我想在我的成就类中为我的一个价值观实现localStorage。因此，这个类所做的基本上是从后端数据库中获取播放器数据，如果玩家清除了某些任务，则成绩将被解锁。就目前而言，我只有1项成就定义如下
成就：{1：{名称：“第一次成就”，状态:1 }，
状态栏就像我成就的旗帜。如果状态为1，则成就仍被锁定，如果为0，则成绩被解锁。
当我的成就被解锁时，这是一个骨架代码。在我的游戏中，每10秒检查一次这段代码，以查看某个任务是否被清除以解锁一项成就。
checkAchievements:function(){
this.probsSolved = this.getTe
浏览 1提问于2014-03-27得票数 0
回答已采纳
我有一个函数可以从ajax请求将翻译加载到我的网站，但是我想编写我的代码，这样它就可以保存这些翻译，然后从localStorage加载它，而不是再次执行请求。
我如何才能将它们保存到localStorage中呢？
浏览 3提问于2020-04-01得票数 0
回答已采纳
在我的Ionic应用程序中，我添加了插件'ngStorage‘，它附带了一个演示代码：
var add = function (thing) {
$localStorage.things.push(thing);
}
这和我们说的完全一样。我add("foo")它，并做getAll()和值在那里。我移除add()，但保留getAll()，我仍然有"foo“值(如预期的那样)。
这对我来说不太有用，我想用密钥访问它，所以我做了以下几点：
var addByKey = function (key, value) {
$localStorage.thi
浏览 1提问于2016-11-14得票数 2
回答已采纳
1回答
我想在我的排名表中存储更多的用户，并在表中显示他们的名字和姓氏。但每次新用户注册时，它都会替换表中的第一个用户。我该如何解决这个问题？我已经创建了一个JSFiddle
/* Register */
function storeUserDetail() {
var fNameInput = document.getElementById("firstNameInput").value;
var lNameInput = document.getElementById("lastNameInput").value;
var uNameInp
浏览 1提问于2017-12-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
