后端返回JSON数组前端如何接收

在前端开发中，当后端返回JSON数组时，通常会使用AJAX（异步JavaScript和XML）技术配合JSON解析来接收和处理这些数据。以下是常见的处理步骤：

1. 发送AJAX请求：使用`XMLHttpRequest`对象或者现代的`fetch` API来向服务器发送请求。

2. 处理响应：在AJAX请求的响应处理函数中，会接收到一个包含数据的响应体。如果后端正确设置了响应头`Content-Type: application/json`，前端接收到的数据默认就会被解析为JavaScript对象。

3. 使用数据：接收到的数据会是一个数组，可以直接使用JavaScript的方法进行操作，例如遍历、筛选等。

以`fetch` API为例的代码示例如下：

fetch('http://example.com/api/data')
  .then(response => {
    // 确保服务器响应状态码为200，并将响应体转换为JSON格式
    if (!response.ok) {
      throw new Error('Network response was not ok ' + response.statusText);
    }
    return response.json();
  })
  .then(data => {
    // data 就是解析后的JSON数组
    // 在这里可以根据需求处理数组中的数据
    data.forEach(item => {
      console.log(item);
    });
  })
  .catch(error => {
    console.error('There has been a problem with your fetch operation:', error);
  });