window.location.href以post方式传递参数的方法
时间: 2023-10-24 19:15:12 浏览: 133
window.open()实现post传递参数
`window.location.href` 是用来获取或设置当前网页的URL地址的属性,它不能直接用于向服务器发送POST请求传递参数。要使用POST方式传递参数,可以通过以下两种方法实现:
1. 使用表单提交
可以通过创建一个表单,设置表单的`action`属性和`method`属性,然后创建一个隐藏的input元素,将需要传递的参数设置为input元素的值,最后提交表单。示例代码如下:
```html
<form id="myForm" action="url" method="POST">
<input type="hidden" name="param1" value="value1">
</form>
<script>
document.getElementById('myForm').submit();
</script>
```
2. 使用XMLHttpRequest对象
可以通过创建一个XMLHttpRequest对象,调用其`open`方法设置请求方式和URL地址,调用`setRequestHeader`方法设置请求头,将需要传递的参数设置为请求体,最后调用`send`方法发送请求。示例代码如下:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('POST', 'url', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('param1=value1');
```
阅读全文