用xmlhttprequest发post请求需三步:先open("post",url)声明方法和地址;再setrequestheader设content-type为application/x-www-form-urlencoded或application/json;最后send()传序列化数据(urlsearchparams、json.stringify等),并用onload/onerror处理响应。

用 XMLHttpRequest 发送 POST 请求,核心是设置请求方法、配置请求头、调用 send() 传入序列化后的数据。
设置请求并指定 POST 方法
创建实例后,用 open() 明确声明请求方式为 "POST",并传入目标 URL:
const xhr = new XMLHttpRequest();-
xhr.open("POST", "/api/login");—— 第二个参数是接口地址,支持相对或绝对路径
设置 Content-Type 请求头
服务器靠这个头判断数据格式,常见两种情况:
- 发送表单数据(如登录账号密码):
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); - 发送 JSON 数据:
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
不设或设错会导致后端解析失败,比如 PHP 的 $_POST 或 Node.js 的 body-parser 拿不到数据。
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
准备并发送数据
根据 Content-Type 类型组织数据:
- 表单格式:用
URLSearchParams或手动拼接"username=jack&password=123" - JSON 格式:先用
JSON.stringify({ username: "jack", password: "123" })序列化 - 调用
xhr.send(数据)—— 注意:send()参数必须是字符串、Blob、FormData 或 null
示例(JSON):
const data = JSON.stringify({ username: "jack", password: "123" });
xhr.send(data);
监听响应和处理结果
用 onload 判断成功(status 在 200–299),用 onerror 捕获网络异常:
xhr.onload = function() { if (xhr.status >= 200 && xhr.statusxhr.onerror = function() { console.error("请求失败"); }- 如果后端返回 JSON,可用
JSON.parse(xhr.responseText)解析(或直接读xhr.response,需提前设xhr.responseType = "json")
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










