后端怎么接收前端的json数组

在Web开发中，后端如何接收前端传递的JSON数组是一个常见的问题，为了实现前后端数据的交互，我们需要掌握一定的方法，本文将详细介绍后端如何接收前端的JSON数组，帮助大家解决这个问题。

我们需要明确前端传递JSON数组的几种常见方式，前端可以通过GET或POST方法将JSON数组传递给后端，我们以POST方法为例进行讲解。

前端代码实现

在前端，我们可以使用JavaScript中的fetch API或者axios库来发送POST请求，以下是使用fetch API发送JSON数组的示例代码：

// 定义JSON数组
const jsonArray = [
  { name: "张三", age: 25 },
  { name: "李四", age: 30 }
];
// 使用fetch API发送POST请求
fetch('http://localhost:8080/api/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(jsonArray)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

后端代码实现

在后端，我们可以使用各种编程语言和框架来接收JSON数组，以下是几种常见语言和框架的实现方法。

1. Node.js + Express

const express = require('express');
const app = express();
app.use(express.json());
app.post('/api/data', (req, res) => {
  const jsonArray = req.body;
  console.log(jsonArray); // 输出接收到的JSON数组
  res.send('数据已接收');
});
app.listen(8080, () => {
  console.log('Server is running on port 8080');
});

2. Python + Flask

from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route('/api/data', methods=['POST'])
def receive_data():
    jsonArray = request.get_json()
    print(jsonArray)  # 输出接收到的JSON数组
    return jsonify({"message": "数据已接收"})
if __name__ == '__main__':
    app.run(port=8080)