Javascript 无法从本地存储获取数据
我在获取和设置本地存储方面遇到了一个障碍 场景:我从表单元素插入数据并将其缓存在对象中,该对象被推送到数组中。因此,每次我将数据输入表单元素时,这些数据都存储在一个对象中,该对象被推送到一个数组中。在数组中推送对象后Javascript 无法从本地存储获取数据,javascript,jquery,local-storage,Javascript,Jquery,Local Storage,我在获取和设置本地存储方面遇到了一个障碍 场景:我从表单元素插入数据并将其缓存在对象中,该对象被推送到数组中。因此,每次我将数据输入表单元素时,这些数据都存储在一个对象中,该对象被推送到一个数组中。在数组中推送对象后userAry.push(newUser) 我在localstorage中有setItem数组 localStorage.setItem('userDataStore',JSON.stringify(userAry)) 内部文件。准备好了我有 $('#getResult').htm
userAry.push(newUser)
我在localstorage中有setItem
数组
localStorage.setItem('userDataStore',JSON.stringify(userAry))
内部文件。准备好了
我有
$('#getResult').html(localStorage.getItem('userDataStore'))
问题:
在document.ready
内部,$('#getResult').html(sessionStorage.getItem('userDataStore'))
未显示数组。相反,它只显示最近添加的数据
如果我连续两次填写表单,那么页面刷新后,它将显示这两个数据。但是如果我添加另一个数据并刷新页面,它应该显示3个数据,而不是显示最近添加的数据
代码:
var newUser = {
userName : username,
userPhno : userphno,
userEmail : useremail,
userPass : userpass,
userConfirmpass : userconfirmpass,
}
userAry.push(newUser);
localStorage.setItem('userDataStore',JSON.stringify(userAry));
内部文件。准备好了
我有
$('#getResult').html(sessionStorage.getItem('userDataStore'));
在DocumentReady中,还应该设置变量userAry。不仅填充HTML内容。然后,当您推送一个新项目时,它会将其添加到已创建的其他项目中,然后当您存储阵列时,您会存储整个用户,而不仅仅是新添加的用户
userAry = sessionStorage.getItem('userDataStore');
$("#getResult").html(userAry);
在代码中,替换此行
localStorage.setItem('userDataStore',JSON.stringify(userAry))代码>与sessionStorage.setItem('userDataStore',JSON.stringify(userAry))代码>
检查下面的代码如何从中获取、设置和删除数据
例如:
// Save data to sessionStorage
sessionStorage.setItem('key', 'value');
// Get saved data from sessionStorage
var data = sessionStorage.getItem('key');
// Remove saved data from sessionStorage
sessionStorage.removeItem('key');
// Remove all saved data from sessionStorage
sessionStorage.clear();
@初学者,要使用localstorage,您可以在下面的场景中尝试
response = ['A', 'B', 'C', 'D'];
localStorage.setItem("marketPlaceNames", JSON.stringify(response)) // to set value
JSON.parse(localStorage.getItem("marketPlaceNames")) // to get value
为什么要使用localStorage
来设置数据,而使用sessionStorage
来检索数据?另外,在@31piy注释中,如果要对json进行字符串化,则需要对其进行解析,如果要将数据存储在数组localStorage中,则可能需要循环。setItem()
函数会用新数据覆盖旧数据。如果您想继续添加新值,您应该这样使用->localStorage.setItem('key',localStorage.getItem('key')+您的_变量)
@31piy我复制了错误的语句。“我这边犯了一个愚蠢的错误。”扎菲尔让我试试你的解决办法。似乎就是那个。