从javascript调用rails时如何导出xls

从 JavaScript 调用 Rails 导出 XLS 文件可以通过以下步骤实现：

1. 在 Rails 后端创建一个用于导出 XLS 文件的路由和控制器方法。在控制器方法中，使用 Ruby 的相关库（如 axlsx 或 spreadsheet）来生成 XLS 文件，并将其发送给前端。
2. 在 JavaScript 前端使用 AJAX 或 Fetch API 向后端发送请求，调用导出 XLS 文件的路由。
3. 在后端控制器方法中，根据请求参数或数据，生成 XLS 文件。可以使用 Ruby 的模板引擎（如 axlsx_rails）来创建 XLS 模板，并填充数据。
4. 将生成的 XLS 文件发送给前端。可以使用 Rails 的 send_data 方法将文件作为响应发送给前端，设置正确的 MIME 类型和文件名。

以下是一个示例代码：

在 Rails 后端的路由文件 routes.rb 中添加导出 XLS 文件的路由：

get 'export_xls', to: 'xls_export#export'

在控制器 xls_export_controller.rb 中添加导出 XLS 文件的方法：

require 'axlsx'

class XlsExportController < ApplicationController
  def export
    # 生成 XLS 文件
    p = Axlsx::Package.new
    wb = p.workbook
    wb.add_worksheet(name: "Sheet1") do |sheet|
      sheet.add_row ["Header 1", "Header 2", "Header 3"]
      sheet.add_row ["Data 1", "Data 2", "Data 3"]
    end

    # 发送 XLS 文件给前端
    send_data p.to_stream.read, filename: "export.xls", type: "application/vnd.ms-excel"
  end
end

在 JavaScript 前端调用导出 XLS 文件的方法：

function exportXls() {
  fetch('/export_xls')
    .then(response => response.blob())
    .then(blob => {
      // 创建一个下载链接
      const url = window.URL.createObjectURL(blob);
      const a = document.createElement('a');
      a.href = url;
      a.download = 'export.xls';
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
      window.URL.revokeObjectURL(url);
    });
}

以上示例代码使用了 axlsx 和 axlsx_rails gem 来生成 XLS 文件，你可以根据自己的需求选择其他库或工具。同时，你也可以根据实际情况对代码进行修改和优化。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和管理大量非结构化数据。详情请参考：腾讯云对象存储（COS）
• 腾讯云云服务器（CVM）：提供可扩展的云服务器，支持多种操作系统和应用场景。详情请参考：腾讯云云服务器（CVM）
• 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序。详情请参考：腾讯云云数据库 MySQL 版（TencentDB for MySQL）
• 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能（AI）
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。详情请参考：腾讯云物联网（IoT）
• 腾讯云区块链服务（BCS）：提供安全、高效的区块链服务，支持快速搭建和管理区块链网络。详情请参考：腾讯云区块链服务（BCS）
• 腾讯云视频处理（VOD）：提供强大的视频处理和分发服务，支持视频转码、截图、水印等功能。详情请参考：腾讯云视频处理（VOD）
• 腾讯云音视频通信（TRTC）：提供高质量、低延迟的音视频通信服务，适用于实时音视频通话和互动直播。详情请参考：腾讯云音视频通信（TRTC）
• 腾讯云云原生应用引擎（Tencent Serverless Framework）：提供无服务器架构的云原生应用开发和部署框架。详情请参考：腾讯云云原生应用引擎（Tencent Serverless Framework）
• 腾讯云网络安全（SSL 证书）：提供 SSL 证书服务，保护网站和应用程序的数据传输安全。详情请参考：腾讯云网络安全（SSL 证书）