XMLHttpRequest发送POST请求时未携带传入参数如何解决

你对POST请求的参数传递位置存在认知偏差，你的代码本身没有问题，参数已经正常发送，只是你找错了参数的存放位置。
application/x-www-form-urlencoded类型的POST请求，参数是存放在**请求体（Request Body）**中传输的，不会像GET请求那样拼接在URL末尾的查询字符串（?后面的部分）里，所以你直接看请求地址自然看不到传入的参数。

• GET请求：参数默认拼接在URL后，肉眼可直接在请求地址栏看到，传输数据量受URL长度限制
• POST请求：参数存放在请求报文的主体区域，不会暴露在URL上，传输数据量限制更宽松

打开浏览器开发者工具，切换到「网络（Network）」面板，找到你发起的这条请求：

1. 点击请求条目进入详情页
2. 切换到「载荷（Payload）」tab，在「表单数据（Form Data）」分类下就能看到你传入的lorem=ipsum、title=title两个参数已经被正常携带。

如果你的后端接口要求参数必须从URL的查询字符串位置读取，不需要把参数传入send()方法，直接把参数拼接在open()方法的URL参数末尾即可，参考代码：

const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
    // 你的业务处理逻辑
}
// 参数直接拼接到URL后
xhttp.open('POST', 'https://example.com/request?lorem=ipsum&title=title', true);
xhttp.send();

注意：如果参数包含中文、空格、特殊符号，不管是放在URL后还是放在请求体中，都需要使用encodeURIComponent()对参数的键和值分别做转码，避免参数截断、乱码问题。

内容的提问来源于stack exchange，提问作者Leo