// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 配置请求
xhr.open('GET', 'api/getData', true);

// 设置响应类型
xhr.responseType = 'json';

// 发送请求
xhr.send();

// 处理响应
xhr.onload = function() {
  if (xhr.status === 200) {
    var dataArray = xhr.response; // 获取数组
    console.log(dataArray);
    
    // 遍历数组
    dataArray.forEach(function(item) {
      console.log(item);
    });
  } else {
    console.error('请求失败: ' + xhr.status);
  }
};

xhr.onerror = function() {
  console.error('请求出错');
};

$.ajax({
  url: 'api/getData',
  type: 'GET',
  dataType: 'json',
  success: function(dataArray) {
    console.log(dataArray);
    
    // 处理数组数据
    $.each(dataArray, function(index, item) {
      console.log(index, item);
    });
  },
  error: function(xhr, status, error) {
    console.error('请求失败: ' + error);
  }
});

fetch('api/getData')
  .then(response => {
    if (!response.ok) {
      throw new Error('网络响应不正常');
    }
    return response.json();
  })
  .then(dataArray => {
    console.log(dataArray);
    
    // 使用map处理数组
    const processedData = dataArray.map(item => {
      return { ...item, processed: true };
    });
    console.log(processedData);
  })
  .catch(error => {
    console.error('请求失败:', error);
  });

axios.get('api/getData')
  .then(response => {
    const dataArray = response.data;
    console.log(dataArray);
    
    // 使用filter过滤数组
    const filteredData = dataArray.filter(item => item.active);
    console.log(filteredData);
  })
  .catch(error => {
    console.error('请求失败:', error);
  });