Rails 6 响应返回CSV内容但浏览器未触发下载如何解决

Rails 5及以上版本的form_with默认开启remote: true配置，表单会以AJAX异步请求的方式提交，而浏览器不会对AJAX请求的返回内容触发文件下载行为，所以你能看到响应里有CSV数据，但不会弹出保存提示。

方案一（最简单推荐）：禁用表单的异步提交 #

给表单添加local: true参数，改为传统同步表单提交，浏览器会自动识别返回的CSV文件并弹出下载提示：

<%= form_with url: export_to_csv_admin_properties_url, multipart: true, local: true do |form| %>
  <!-- 原有表格和提交按钮代码保持不变 -->
<% end %>

方案二：控制器显式指定附件响应头（可选补充） #

可以在控制器的send_data方法中显式添加disposition: 'attachment'参数，强制告诉浏览器将返回内容作为附件下载，避免部分浏览器识别为文本直接展示：

def export_to_csv
  ids_to_export = params[:export].select { |_key, value| value == '1' }.keys
  properties = Property.find(ids_to_export)
  csv_data = CsvService.export_properties(properties)

  send_data csv_data, filename: "exported_properties.csv", type: 'text/csv', disposition: 'attachment'
end

方案三（如需保留AJAX提交时使用） #

如果业务需要必须用异步提交，可以在前端处理AJAX响应，手动生成文件下载触发逻辑：

1. 给表单绑定提交事件，阻止默认提交行为
2. 自行发送AJAX请求，将返回的CSV数据转为Blob对象
3. 动态创建a标签，设置href为Blob对象地址、download属性为文件名，模拟点击触发下载

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