在Rails中能否通过AJAX请求使用send_data而非send_file？

好问题！直接用AJAX请求配合Rails的send_data没法直接触发浏览器的下载行为——因为AJAX的XMLHttpRequest/fetch默认不会自动处理响应中的文件流，浏览器不会弹出下载对话框。不过我们有几种方案可以实现类似AJAX的无刷新体验，同时完成文件下载：

方案1：用Blob对象处理AJAX响应（推荐现代浏览器） #

这种方法是让AJAX请求获取文件流，前端把响应转换成Blob对象，再通过创建临时URL触发下载。

前端JS代码（Fetch API示例） #

// 触发AJAX请求
fetch('/your/custom/controller/action', {
  method: 'POST',
  headers: {
    // Rails必须带上CSRF Token
    'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content,
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ 
    // 传递你的参数，比如筛选条件、用户ID等
    filter: 'some_value'
  })
})
.then(response => {
  // 从响应头获取文件名（可选，也可以硬编码）
  const contentDisposition = response.headers.get('Content-Disposition');
  const filename = contentDisposition?.match(/filename="(.+)"/)[1] || 'default_filename.csv';
  return response.blob();
})
.then(blob => {
  // 创建临时URL
  const downloadUrl = window.URL.createObjectURL(blob);
  // 创建隐藏的a标签触发下载
  const link = document.createElement('a');
  link.href = downloadUrl;
  link.download = filename;
  document.body.appendChild(link);
  link.click();
  // 清理临时资源
  window.URL.revokeObjectURL(downloadUrl);
  document.body.removeChild(link);
})
.catch(error => {
  console.error('下载出错:', error);
});

Rails控制器代码 #

def custom_action
  # 生成动态文件内容（示例：生成CSV）
  csv_content = generate_dynamic_csv(params[:filter])
  
  send_data csv_content, 
    filename: "report_#{Time.now.strftime('%Y%m%d')}.csv",
    type: 'text/csv',
    disposition: 'attachment' # 必须设置为attachment，告诉浏览器这是下载文件
end

方案2：模拟表单提交（兼容旧浏览器） #

如果需要兼容旧浏览器，可以用JS动态创建一个隐藏表单，模拟非AJAX的提交行为，但体验上接近AJAX（不会跳转页面，而是直接触发下载）。

前端JS代码 #

function triggerDownload() {
  // 创建隐藏表单
  const form = document.createElement('form');
  form.action = '/your/custom/controller/action';
  form.method = 'POST';
  form.style.display = 'none';
  
  // 添加CSRF Token字段
  const csrfInput = document.createElement('input');
  csrfInput.type = 'hidden';
  csrfInput.name = 'authenticity_token';
  csrfInput.value = document.querySelector('meta[name="csrf-token"]').content;
  form.appendChild(csrfInput);
  
  // 添加参数字段
  const filterInput = document.createElement('input');
  filterInput.type = 'hidden';
  filterInput.name = 'filter';
  filterInput.value = 'some_value';
  form.appendChild(filterInput);
  
  // 提交表单
  document.body.appendChild(form);
  form.submit();
  document.body.removeChild(form);
}

方案3：先生成文件再返回下载链接 #

如果文件生成耗时较长，可以先通过AJAX请求触发文件生成，控制器把文件存在临时位置（比如服务器临时目录），返回一个唯一的下载标识或URL，前端拿到后再触发下载：

Rails控制器（生成文件的动作） #

def generate_file
  # 生成文件并保存到临时目录
  file_path = Rails.root.join('tmp', "temp_report_#{SecureRandom.uuid}.csv")
  csv_content = generate_dynamic_csv(params[:filter])
  File.write(file_path, csv_content)
  
  # 返回下载URL或标识
  render json: { download_url: download_file_path_url(file_path.basename) }
end

def download_file
  file_path = Rails.root.join('tmp', params[:filename])
  send_data File.read(file_path), filename: params[:filename], type: 'text/csv', disposition: 'attachment'
  
  # 可选：下载后删除临时文件
  File.delete(file_path) if File.exist?(file_path)
end

前端JS #

fetch('/generate_file', { /* 参数同方案1 */ })
.then(response => response.json())
.then(data => {
  // 触发下载
  window.open(data.download_url, '_blank');
  // 或者用a标签方式：
  // const link = document.createElement('a');
  // link.href = data.download_url;
  // link.click();
});

关键注意事项 #

• CSRF保护：Rails中所有非GET的AJAX请求都必须带上CSRF Token，否则会被拒绝。
• 响应头设置：控制器的send_data必须指定disposition: 'attachment'，否则浏览器可能会直接在页面中显示文件内容而不是触发下载。
• 临时文件清理：如果用方案3，记得定期清理服务器上的临时文件，避免占用存储空间。

内容的提问来源于stack exchange，提问作者Neil