【前后端交互】实现代码案例: 获取 POST 请求中 body 的内容【前端发送ajax 和 form表单 后端接受】

前端发送 AJAX 请求的代码示例：

$.ajax({
    url: '/your-endpoint',
    type: 'POST',
    contentType: 'application/json', // 指定发送信息至服务器时内容编码类型
    data: JSON.stringify({ key: 'value' }), // 将对象转换为 JSON 字符串
    success: function(response) {
        // 处理成功的响应
        console.log(response);
    },
    error: function(xhr, status, error) {
        // 处理错误
        console.error(error);
    }
});

前端发送 Fetch 请求的代码示例：

fetch('/your-endpoint', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({ key: 'value' })
})
.then(response => response.json()) // 解析 JSON 响应
.then(data => console.log(data)) // 处理数据
.catch(error => console.error('Error:', error)); // 处理错误

后端 Node.js 使用 Express 框架处理 POST 请求的代码示例：

const express = require('express');
const bodyParser = require('body-parser');
 
const app = express();
 
// 使用 body-parser 中间件解析 JSON 请求体
app.use(bodyParser.json());
 
app.post('/your-endpoint', (req, res) => {
    const body = req.body; // 获取 POST 请求体内容
    console.log(body);
 
    // 做一些处理...
 
    // 响应客户端
    res.status(200).send('Body received');
});
 
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

确保你的后端服务器正确配置了中间件来解析 JSON 请求体（如 Express 的 body-parser 中间件）。这样你就可以通过 req.body 访问到 POST 请求中的 body 内容。