前端傳數組後端用什麼接收

一、前端傳數組的方式

在前端，我們可以通過不同的方式將數組傳遞給後端。最常見的方式是通過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 }) => {
      // 處理前端傳遞過來的數組
    }
  }
}