xhr发起POST请求（原生）

最新推荐文章于 2025-03-11 20:23:19 发布

小白头发多

最新推荐文章于 2025-03-11 20:23:19 发布

阅读量6.6k

点赞数 2

文章标签： ajax javascript

本文链接：https://blog.youkuaiyun.com/m0_50599032/article/details/110647225

版权

本文详细介绍了如何使用XMLHttpRequest (XHR) 对象发起一个POST请求。主要包括创建XHR对象、设置请求方式、添加请求头、发送请求数据及监听响应状态等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.创建xhr对象
var xhr = new XMLHttpRequest()
2.调用open（）
xhr.open(‘POST’,‘请求的地址’ )
3. 设置Content-Type 属性（注意这是固定写法）
xhr.setRequestHeader(‘Content-Type’, ‘application/x-www-form-urlencoded’)
4.调用send（） (若果要提交数据，以字符串的形式提交)
例：xhr.send(‘name-张三&age-18&sex-男’)
5.监听事件
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200){
console.log(xhr.responseText);
}
}