Layui 跳转页面传递参数的步骤：设置跳转目标地址，拼接查询字符串（?开头，参数用&分隔）。目标页面接收参数：获取查询字符串，解析参数。
Layui 跳转页面并传递参数
如何实现？
使用 Layui 框架跳转页面时，可以通过以下步骤传递参数：
-
设置跳转目标页面地址：使用
location.href方法设置跳转目标页面的地址。 -
拼接查询字符串：将要传递的参数以查询字符串的形式拼接在跳转地址后面。查询字符串以问号 (?) 开头，参数以 & 分隔。例如：
location.href = 'index.html?id=1&name=John'。 -
在目标页面接收参数：在目标页面中，可以通过
window.location.search获取查询字符串，并使用URLSearchParams对象解析参数。例如：
<code class="javascript">const params = new URLSearchParams(window.location.search);
const id = params.get('id');
const name = params.get('name');</code>示例代码
<code class="html"><!-- 源页面 -->
<a class="layui-btn" onclick="jump();">跳转到目标页面</a>
<script>
function jump() {
location.href = 'index.html?id=1&name=John';
}
</script>
<!-- 目标页面 -->
<script>
const params = new URLSearchParams(window.location.search);
const id = params.get('id');
const name = params.get('name');
console.log('接收到的参数：', id, name);
</script></code>注意点
- 参数以字符串形式传递，需要在目标页面进行类型转换。
- 查询字符串长度有限制，尽量将重要参数放在前面。
- 如果要传递复杂对象，可以使用 JSON.stringify() 序列化成字符串再传递。
