layui页面跳转传参
时间: 2023-09-20 22:11:13 浏览: 163
在 layui中,可以通过两种方式实现页面跳转传参:
1. 使用URL传参
可以在跳转页面时在URL后面拼接参数,例如:
```js
// 跳转到user.html页面,并传递参数id=123
location.href = 'user.html?id=123';
```
在接收参数的页面,可以通过获取URL中的参数来获取传递的值,例如:
```js
// 获取URL中的参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]);
return null;
}
// 获取id参数的值
var id = getQueryString('id');
```
2. 使用sessionStorage传参
可以在跳转页面前,将参数存储到sessionStorage中,跳转到目标页面后再获取参数,例如:
```js
// 存储参数到sessionStorage中
sessionStorage.setItem('id', '123');
// 跳转到user.html页面
location.href = 'user.html';
// 在user.html页面获取参数
var id = sessionStorage.getItem('id');
```
需要注意的是,sessionStorage中存储的数据只能在同一个浏览器窗口中共享,如果需要在不同的浏览器窗口中共享数据,可以考虑使用localStorage。
阅读全文