javascript页面跳转传递参数
时间: 2024-10-25 09:00:39 浏览: 10
html页面跳转传递参数问题
在JavaScript中,页面跳转并传递参数通常有两种常见的方法:
1. **URL查询参数**:
- 使用`window.location.href`,可以在URL后面附加一个问号`?`,然后跟着键值对,例如 `location.href = "targetPage.html?key=value"`。参数会被编码并在地址栏中显示。
2. **POST请求** (适用于复杂数据):
- 当需要发送大量数据或者不想将信息暴露在URL中时,可以使用`XMLHttpRequest` 或者 `fetch()` 来发起一个POST请求,设置`FormData` 或者 `JSON.stringify` 的数据。示例:
```javascript
const params = { key: 'value' };
fetch('targetPage.php', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: new URLSearchParams(params),
}).then(response => response.text());
```
这种方式需要后端接收并解析请求。
阅读全文