向Node.js服务器发送HTML字符串API未接收数据，需编码吗？

嗨，这个问题我碰到过不少次，答案是肯定需要对HTML字符串做特殊处理，不过具体分两种情况来解决：

一、更推荐的方案：把HTML数据放到请求体里（而非URL参数） #

你之前把数据拼在URL后面的方式，很容易因为HTML里的特殊字符（比如<、>、&这些）破坏URL的结构，导致服务器无法正确识别参数。POST请求本来就适合把复杂数据放在请求体里，不仅能避免编码问题，还能支持更大的数据量。

修改你的客户端代码如下（以Angular的HttpClient为例）：

pushData(value: any) {
  // 把HTML数据放在请求体中发送
  return this.httpClient.post('http://localhost:3030/api/postdata/', { content: value });
}

对应的Node.js服务器端（比如Express框架），可以这样获取数据：

// 记得先配置解析请求体的中间件，比如express.json()
app.use(express.json());

app.post('/api/postdata/', (req, res) => {
  const htmlContent = req.body.content;
  // 这里就可以正常拿到HTML字符串了
  console.log(htmlContent);
  res.status(200).send('数据接收成功');
});

二、如果一定要用URL参数：必须做URL编码 #

要是你因为某些原因必须把HTML拼在URL里，那一定要用encodeURIComponent()对字符串进行URL编码，把特殊字符转换成URL安全的格式。

客户端代码修改：

pushData(value: any) {
  // 对HTML字符串进行URL编码
  const encodedHtml = encodeURIComponent(value);
  return this.httpClient.post(`http://localhost:3030/api/postdata/${encodedHtml}`);
}

服务器端需要对应解码：

app.post('/api/postdata/:encodedContent', (req, res) => {
  const htmlContent = decodeURIComponent(req.params.encodedContent);
  // 解码后就能得到原始的HTML字符串
  console.log(htmlContent);
  res.status(200).send('数据接收成功');
});

补充说明 #

你提到的<p> Some text </p>是HTML转义后的格式，但这和URL编码是两回事——HTML转义是为了在页面上正确显示HTML标签，而URL编码是为了让字符串能安全地在URL中传输。如果直接把未编码的<p>...</p>放到URL里，浏览器会把<、>这些字符当成URL的一部分解析，导致参数被截断或识别错误，这就是你拿不到数据的原因。

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