我想将一些数据从一个 HTML 页面发送到另一个 HTML 页面。我通过 http://localhost/project/index.html?status=exist
等查询参数发送数据。此方法的问题是数据保留在 URL 中。是否有其他方法可以使用 JavaScript 或 jquery 在 HTML 页面之间发送数据。
P粉4914214132023-10-17 16:21:46
我知道这是一篇旧帖子,但我想我会分享我的两分钱。 @Neji 是正确的,您可以使用 sessionStorage.getItem('label')
和 sessionStorage.setItem('label', 'value')
(尽管他有setItem
参数向后,没什么大不了的)。我更喜欢以下内容,我认为它更简洁:
var val = sessionStorage.myValue
代替getItem
和
sessionStorage.myValue = 'value'
代替setItem
。
此外,应该注意的是,为了存储 JavaScript 对象,必须对它们进行字符串化以设置它们,并解析以获取它们,如下所示:
sessionStorage.myObject = JSON.stringify(myObject); //will set object to the stringified myObject var myObject = JSON.parse(sessionStorage.myObject); //will parse JSON string back to object
原因是 sessionStorage 将所有内容存储为字符串,因此如果您只是说 sessionStorage.object = myObject
您得到的只是 [object Object],这对您没有太大帮助。< /p>
P粉7175959852023-10-17 10:16:43
为什么不将值存储在 HTML5 存储对象中,例如 sessionStorage
或 localStorage
,请访问 HTML5 存储文档 以获取更多详细信息。使用此功能,您可以在本地临时/永久存储中间值,然后稍后访问您的值。
存储会话的值:
sessionStorage.setItem('label', 'value') sessionStorage.getItem('label')
或更永久:
localStorage.setItem('label', 'value') localStorage.getItem('label')
因此,您可以使用 HTML5 存储对象在多个页面之间存储(临时)表单数据,甚至可以在重新加载后保留这些数据。