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我复制了错误的语句。“我这边犯了一个愚蠢的错误。”扎菲尔让我试试你的解决办法。似乎就是那个。