在Web开发中，将数据导出到Excel文件是一个常见的需求。通过Ajax和后端技术，可以实现动态生成和下载Excel文件的功能。下面将介绍整个流程的实现方法。

一、数据准备

首先，我们需要准备要导出的数据。这通常来自 数据库 或其他数据源。假设我们有一个包含用户信息的数组，每个对象代表一个用户，具有姓名、年龄和邮箱等属性。

const userData = [
  { name: '张三', age: 25, email: '[email protected]' },
  { name: '李四', age: 30, email: '[email protected]' },
  // ...更多用户数据
];

二、创建Ajax请求

接下来，我们需要使用Ajax技术向后端发送请求，以生成Excel文件。在前端代码中，我们可以使用Fetch API或jQuery的$.ajax方法来发送异步请求。这里以Fetch API为例：

const url = '/api/export-excel'; // 后端处理Excel导出的API接口
fetch(url, {
  method: 'POST', // 使用POST方法传递数据
  headers: {
    'Content-Type': 'application/json', // 设置请求头为JSON类型
  },
  body: JSON.stringify(userData), // 将数据转换为JSON格式并发送到后端
})
  .then((response) => response.blob()) // 获取响应的Blob对象
  .then((blob) => {
    // 处理Blob对象，如下载文件或显示下载链接等操作
    const url = window.URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = 'users.xlsx'; // 设置下载的文件名
    document.body.appendChild(link);
    link.click();
  })
  .catch((error) => {
    console.error('Error:', error);
  });

npm install exceljs --save