怎么接收前端传的json数组

在开发过程中，我们常常需要处理前端传递给后端的JSON数组数据，那么如何才能正确地接收并处理这些数据呢？我将详细地为大家介绍如何接收前端传的JSON数组。

我们需要明确前端传递JSON数组的几种常见方式，前端会通过HTTP请求，如GET或POST方法，将JSON数组传递给后端，这里我们以POST请求为例，讲解如何接收和处理JSON数组。

1、前端准备

在前端，我们需要将JSON数组转换为字符串，然后通过POST请求发送给后端，以下是前端代码示例：

JavaScript

// 假设有一个JSON数组
var jsonArray = [
  { "name": "张三", "age": 25 },
  { "name": "李四", "age": 30 }
];
// 将JSON数组转换为字符串
var jsonString = JSON.stringify(jsonArray);
// 发送POST请求
$.ajax({
  type: 'POST',
  url: '/api/receiveJsonArray',
  contentType: 'application/json',
  data: jsonString,
  success: function(response) {
    console.log('后端返回的数据：', response);
  },
  error: function(error) {
    console.log('请求失败：', error);
  }
});

2、后端接收

在后端，我们需要编写对应的接口来接收前端传递的JSON数组，以下是使用Node.js作为后端语言的代码示例：

JavaScript

// 导入所需模块
const express = require('express');
const bodyParser = require('body-parser');
// 创建express实例
const app = express();
// 解析JSON格式的请求体
app.use(bodyParser.json());
// 定义接收JSON数组的接口
app.post('/api/receiveJsonArray', (req, res) => {
  // 从请求体中获取JSON数组
  const jsonArray = req.body;
  // 校验数据
  if (!Array.isArray(jsonArray)) {
    return res.status(400).send('Invalid data format');
  }
  // 处理JSON数组数据
  // 这里可以写上处理逻辑，例如保存到数据库等
  console.log('接收到的JSON数组：', jsonArray);
  // 返回成功响应
  res.status(200).send('Data received successfully');
});
// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});