如何接收并读取POST HTTP请求？实现控制台打印接收的数据

一、后端接收并打印（以Node.js/Express为例） #

如果你的网站后端基于Node.js，用Express框架可以快速实现POST数据的接收与打印：

1. 先安装依赖（未安装的话）：

npm install express body-parser

2. 编写后端代码：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

// 解析JSON格式的POST请求体
app.use(bodyParser.json());
// 解析表单编码的POST请求体（若你的请求是表单类型）
app.use(bodyParser.urlencoded({ extended: true }));

// 处理POST请求的路由
app.post('/receive-data', (req, res) => {
  // req.body就是接收到的POST数据
  console.log('接收到的POST数据:', req.body);
  
  // 可选：把数据返回给前端，方便前端同步打印
  res.json({ status: 'success', received: req.body });
});

app.listen(3000, () => {
  console.log('服务器已启动：http://localhost:3000');
});

启动服务器后，当你发送POST请求到/receive-data接口，后端控制台就会输出接收到的数据。

二、前端发送请求并在浏览器控制台打印返回数据 #

假设你用Fetch API发送你定义的data，示例代码如下：

let data = "'<Website Href>'";

fetch('http://localhost:3000/receive-data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  // 将数据包装为JSON对象发送，确保后端能正确解析
  body: JSON.stringify({ websiteHref: data })
})
.then(res => res.json())
.then(response => {
  // 在浏览器控制台打印后端返回的接收结果
  console.log('后端返回的接收数据:', response.received);
})
.catch(err => console.error('请求失败:', err));

关键注意点 #

• 请求头Content-Type必须和后端解析中间件匹配：发送JSON就用application/json，对应后端的bodyParser.json()；发送表单数据用application/x-www-form-urlencoded，对应bodyParser.urlencoded()。
• 如果发送纯文本数据，后端需改用bodyParser.text()，请求头设为text/plain。

内容的提问来源于stack exchange，提问作者MR-CHAOTIC