页面点击导出excel 如何像下载文件一样在网页上下载

要实现在网页上下载Excel文件，可以使用以下步骤：

1. 服务器端生成Excel文件并将其保存到指定的路径下。
2. 在客户端，使用JavaScript创建XMLHttpRequest对象，向服务器发送请求。
3. 服务器返回Excel文件的路径，客户端接收到路径后，使用JavaScript创建一个新的标签，设置其href属性为Excel文件的路径，同时设置download属性为Excel文件的名称。
4. 将新标签添加到文档中，并使用JavaScript模拟用户单击该链接的行为，从而下载Excel文件。

以下是一个示例代码：

function exportToExcel() {
  // 发送请求到服务器生成Excel文件，并返回Excel文件的路径。
  var xhr = new XMLHttpRequest();
  xhr.open('GET', '/generate-excel', true);
  xhr.responseType = 'text';
  xhr.onload = function() {
    if (xhr.status === 200) {
      var excelPath = xhr.responseText;
      // 创建一个新标签，设置其href属性为Excel文件的路径，同时设置download属性为Excel文件的名称。
      var link = document.createElement('a');
      link.href = excelPath;
      link.download = 'data.xlsx';
      // 将新标签添加到文档中，并使用JavaScript模拟用户单击该链接的行为，从而下载Excel文件。
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }
  };
  xhr.send();
}

在上面的示例代码中，我们使用XMLHttpRequest对象向服务器发送请求，服务器会生成Excel文件，并返回Excel文件的路径。客户端接收到路径后，创建一个新的标签，将Excel文件的路径设置为该标签的href属性，并将Excel文件的名称设置为该标签的download属性。然后，将新标签添加到文档中，并使用JavaScript模拟用户单击该链接的行为，从而下载Excel文件。