如何在 JavaScript 中发送完整的预构建 HTTP 请求-js教程-PHP中文网

如何在 JavaScript 中发送完整的预构建 HTTP 请求

javascript 无法直接发送原始 http 请求字符串，但可通过 fetch api 精确还原请求行、头字段与请求体，实现等效发送。

javascript 无法直接发送原始 http 请求字符串，但可通过 fetch api 精确还原请求行、头字段与请求体，实现等效发送。

在浏览器环境中，JavaScript 运行于沙箱内，**不支持直接构造并发送原始 HTTP 报文（如含 `HTTP/1.1` 版本行、完整首部块和空行分隔的纯文本请求）**。这是出于安全与同源策略限制——底层网络栈由浏览器控制，开发者只能通过高级抽象接口（如 `fetch()` 或 `XMLHttpRequest`）发起请求。

不过，你无需将原始请求“转换为 JSON”再处理；相反，应语义化地拆解原始请求，将其映射为 fetch() 的标准参数：

请求方法（POST）→ method: 'POST'
请求路径（/cgi-bin/process.cgi）→ 与域名组合为完整 URL（如 'https://www.tutorialspoint.com/cgi-bin/process.cgi'）
每个 HTTP 头（User-Agent, Content-Type, Accept-Language 等）→ 写入 headers 对象
请求体（licenseID=...&content=...）→ 直接赋值给 body 字段（注意：Content-Length 由浏览器自动计算并注入，切勿手动设置，否则可能触发 CORS 预检失败或被忽略）

✅ 正确示例：

fetch('https://www.tutorialspoint.com/cgi-bin/process.cgi', {
  method: 'POST',
  headers: {
    'User-Agent': 'Mozilla/4.0 (compatible; MSIE5.01; Windows NT)',
    'Host': 'www.tutorialspoint.com', // 注意：现代 fetch 通常忽略 Host，但部分服务端依赖它；可保留（非必需）
    'Content-Type': 'application/x-www-form-urlencoded',
    'Accept-Language': 'en-us',
    'Accept-Encoding': 'gzip, deflate',
    'Connection': 'Keep-Alive'
  },
  body: 'licenseID=string&content=string&/paramsXML=string'
});

⚠️ 重要注意事项：

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

Host 头在 fetch() 中通常被浏览器自动覆盖，显式设置可能无效或被忽略；若服务端强依赖该字段，建议确认是否真需手动传入（多数情况可省略）。
Content-Length 绝对不可手动指定：浏览器会根据 body 自动计算并添加，手动设置会导致请求异常或被拒绝。
若原始请求含 HTTPS 协议，务必使用 https:// 开头的 URL，否则将因协议不匹配失败。
跨域请求需确保目标服务器已正确配置 CORS 响应头（如 Access-Control-Allow-Origin），否则浏览器会拦截响应。