HTTP 响应html时body体的分块行为

Loen

十一月 14, 2025

你观察到的这个现象非常有意思！这通常是由以下几种情况造成的：

1. 分块传输编码（Chunked Transfer Encoding）

这是最常见的原因。当服务器使用 Transfer-Encoding: chunked 时，响应体会被分成多个块传输。

示例结构：

1
2
3
4
5
6
7
HTTP/1.1 200 OK
Content-Type: text/html;charset=utf-8
Transfer-Encoding: chunked

2000          ← 第一个块的大小（16进制，8192字节）
{...json数据...}  ← 实际的数据内容
0             ← 结束块（大小为0）

Wireshark 显示示例：

1
2
3
4
5
6
7
8
HTTP/1.1 200 OK\r\n
Content-Type: text/html;charset=utf-8\r\n
Transfer-Encoding: chunked\r\n
\r\n
2000\r\n
{"status": "success", "data": [...]}\r\n
0\r\n
\r\n

2. 自定义的响应格式

有些框架或中间件会添加自定义的头部信息：

1
2
3
4
// 类似这样的服务器端代码可能产生这种格式
response.getWriter().println("2000");  // 自定义长度标识
response.getWriter().println(jsonData);
response.getWriter().println("0");     // 结束标识

3. 调试或监控信息

开发环境中的中间件可能添加调试信息：

1
2
3
4
5
6
HTTP/1.1 200 OK
Content-Type: text/html;charset=utf-8

2000          ← 可能是大小、时间戳或调试ID
{"data": "actual content"}
0             ← 结束标记

验证方法

方法1：检查完整的 HTTP 头部

在 Wireshark 中查看是否包含：

1
Transfer-Encoding: chunked

方法2：使用浏览器开发者工具

打开 Network 标签
点击对应的请求
查看 Response Headers 中是否有 Transfer-Encoding: chunked

方法3：使用 curl 命令

1
2
3
4
5
# 显示详细的HTTP交互
curl -v http://your-api-endpoint

# 或者使用 --raw 显示原始响应
curl --raw http://your-api-endpoint

如果是分块传输，解析过程如下：

服务器发送：

1
2
3
4
5
6
7
8
7\r\n                    ← 块大小（7字节）
Mozilla\r\n             ← 数据内容
9\r\n                    ← 下一个块大小（9字节）
Developer\r\n           ← 数据内容
7\r\n                    ← 下一个块大小（7字节）
Network\r\n             ← 数据内容
0\r\n                    ← 结束块
\r\n

客户端接收并重组：

1
"Mozilla" + "Developer" + "Network" = "MozillaDeveloperNetwork"

解决方案（如果需要处理）

客户端处理分块响应：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
// 现代浏览器和HTTP库会自动处理分块传输
// 如果你需要手动处理：

// Fetch API 会自动处理
fetch('/api/data')
  .then(response => response.json())  // 自动处理分块
  .then(data => console.log(data));

// XMLHttpRequest 也会自动处理
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const data = JSON.parse(xhr.responseText); // 已经是完整数据
  }
};

Node.js 服务器端示例：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
const http = require('http');

const server = http.createServer((req, res) => {
  // 设置分块传输
  res.writeHead(200, {
    'Content-Type': 'text/html;charset=utf-8',
    'Transfer-Encoding': 'chunked'
  });
  
  // 发送第一个块
  res.write('2000\r\n');
  
  // 发送JSON数据
  const jsonData = JSON.stringify({ message: 'Hello' });
  res.write(jsonData + '\r\n');
  
  // 发送结束块
  res.write('0\r\n\r\n');
  res.end();
});

总结

你观察到的 2000 和 0 很可能是：

分块传输编码的块大小标识（最可能）
自定义的响应格式
调试信息

这种设计允许服务器在不知道完整内容长度的情况下开始传输数据，对于动态生成的内容特别有用。现代HTTP客户端库都会自动处理这种格式，对开发者是透明的。