html带参数跳转,SessionStorage方式。

发布时间 2023-06-25 18:02:32作者: 高柴小生

sessionStorage 和 localStorage

sessionStorage 浏览器关闭时自动销毁
localStorage 存储在浏览器中,只要你不主动删除就是无期限

sessionStorage用法

// 保存或设置数据到sessionStorage
window.sessionStorage.setItem('key','value')

// 获取某个sessionStorage
window.sessionStorage.getItem('key')  

// 从sessionStorage删除某个保存的数据
window.sessionStorage.removeItem('key')

// 从sessionStorage删除所有保存的数据
window.sessionStorage.clear();

使用

如果你希望使用 jQuery 实现在不显示参数的情况下跳转到另一个页面,而不是通过发送请求的方式,你可以尝试使用 sessionStorage 或 localStorage 来存储参数,并在目标页面中读取这些参数。

以下是一个示例代码:

在当前页面:

javascript
// 存储参数
sessionStorage.setItem("param1", "value1");
sessionStorage.setItem("param2", "value2");

// 跳转到目标页面
window.location.href = "/your/target/page";
在目标页面:

javascript
$(document).ready(function() {
  // 读取参数
  var param1 = sessionStorage.getItem("param1");
  var param2 = sessionStorage.getItem("param2");

  // 使用参数进行相应处理
});

在当前页面,使用 sessionStorage.setItem 方法将参数存储在sessionStorage 中。然后,使用 window.location.href 跳转到目标页面。

在目标页面,使用 sessionStorage.getItem 方法读取之前存储的参数,并进行相应的处理。

注意,这种方式只适用于在同一个浏览器窗口/标签页中跳转,不适用于不同的浏览器窗口/标签页之间的跳转。此外,当浏览器关闭时,存储在 sessionStorage 中的数据会被清除。