前端传数组后端用什么接收

一、前端传数组的方式

在前端，我们可以通过不同的方式将数组传递给后端。最常见的方式是通过AJAX请求传递JSON格式的数据，也可以通过表单的提交方式来传递，还有一些其他的方法。我们来看一个使用AJAX传递数组的例子：

// 假设有一个数组 arr，包含多个对象
let arr = [
  { name: 'Alice', age: 23 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 28 }
];

// 将数组转换为字符串
let arrStr = JSON.stringify(arr);

// 发送AJAX请求
$.ajax({
  type: 'POST',
  url: '/server',
  data: { arr: arrStr },
  success: function (response) {
    // 处理后端返回的数据
  }
});

二、后端接收数组的方式

在后端，接收数组的方式也有很多种，可以通过GET或POST请求的参数方式接收，也可以通过HTTP请求的请求体方式接收，此外还有一些其他的方式。我们来看一个使用Express框架接收数组的例子：

// 假设前端发送了一个POST请求，其中包含一个名为arr的数组参数
app.post('/server', function (req, res) {
  let arrStr = req.body.arr; // 获取请求体中的数组参数的字符串形式
  let arr = JSON.parse(arrStr); // 将字符串转换为数组
  // 处理前端传递过来的数组
});

三、如何处理前端传递的空数组

当前端传递的数组为空时，在后端可能会出现一些问题。比如在Java中，如果直接使用request.getParameter("arr")获取请求中的数组参数，当arr为空时会返回null，而不是一个空数组。因此需要对空数组进行特殊的处理，我们来看一个Java中的处理方式：

// 假设在Spring MVC中，我们使用@RequestParam注解进行接收
@RequestMapping(value = "/server", method = RequestMethod.POST)
public void handleRequest(@RequestParam(value = "arr", required = false) Object[] arr) {
  if (arr == null) {
    arr = new Object[0]; // 如果arr为空，将其赋值为一个空数组
  }
  // 处理前端传递过来的数组
}

四、在GraphQL中如何接收数组

在GraphQL中，我们可以通过List类型来定义数组参数，例如：

type Query {
  findUsers(ids: [ID!]!): [User!]
}

上面的例子中，我们定义了一个查询findUsers，它接收一个名为ids的数组参数，类型为List，其中元素类型为ID。在GraphQL的解析器中，我们可以直接使用List类型来接收数组参数，例如：

const resolvers = {
  Query: {
    findUsers: (parent, { ids }) => {
      // 处理前端传递过来的数组
    }
  }
}