sse 怎么使用post 传参
时间: 2024-03-11 14:51:11 浏览: 74
使用POST方法向服务器传递参数时,需要将参数放在HTTP请求体中,而不是放在URL中。一般情况下,我们使用表单来提交POST请求,可以使用form表单的submit()方法提交表单数据。示例代码如下:
```html
<form id="myForm" action="http://www.example.com/api" method="POST">
<input type="text" name="param1" value="value1">
<input type="text" name="param2" value="value2">
<input type="submit" value="Submit">
</form>
<script>
// 获取表单元素
var form = document.getElementById('myForm');
// 监听表单提交事件
form.addEventListener('submit', function(event) {
// 阻止表单默认提交行为
event.preventDefault();
// 获取表单数据
var formData = new FormData(form);
// 发送POST请求
var xhr = new XMLHttpRequest();
xhr.open('POST', form.action, true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.log('Request failed. Returned status of ' + xhr.status);
}
};
xhr.send(formData);
});
</script>
```
在上面的示例代码中,我们创建了一个表单,并为其添加了两个文本框和一个提交按钮。当用户点击提交按钮时,会触发表单的submit事件,我们在事件处理函数中获取表单数据,使用XMLHttpRequest对象发送POST请求,并将表单数据作为请求体发送给服务器。在请求完成后,我们可以通过XMLHttpRequest对象的responseText属性获取服务器返回的数据。
阅读全文