Rails Wicked PDF：保存记录后下载PDF并正常跳转的实现

嘿，这个问题我之前也碰到过！核心原因是HTTP一次请求只能返回一个响应——你之前直接重定向到PDF格式的详情页，浏览器只会处理文件下载，不会触发页面跳转。下面给你两种靠谱的解决方案，按需选就行：

方案1：先跳转详情页，再自动触发PDF下载（最稳妥） #

这个思路是先完成订单保存和页面跳转，然后在详情页用前端代码自动触发PDF下载，完全符合“保存→跳转→下载”的流程：

第一步：修改create方法，跳转到HTML详情页并标记下载需求 #

def create
  @order = Order.new(order_params)
  if @order.save
    # 用session标记需要下载PDF，跳转后会读取这个标记
    session[:trigger_pdf_download] = true
    # 跳转到普通的HTML详情页，不是PDF格式
    redirect_to order_path(@order)
  else
    render :new
  end
end

第二步：在详情页视图中添加自动下载逻辑 #

打开你的orders/show.html.haml，在合适的位置（比如页面底部）加入这段代码：

- if session.delete(:trigger_pdf_download)
  :javascript
    // 自动触发PDF下载请求
    window.location.href = "#{order_path(@order, format: :pdf)}";

这段代码的作用是：当页面加载时，如果session里有下载标记，就自动发起PDF的下载请求，同时页面保持在详情页。

方案2：用AJAX/ Turbo Stream同时处理保存、下载和跳转（适合现代Rails项目） #

如果你的项目用了Rails Turbo（新Rails项目默认自带）或者支持AJAX提交表单，可以用这个方案实现“保存→下载→跳转”的顺序：

第一步：修改表单为远程提交 #

把你的表单加上data: { turbo: true }（Turbo）或者remote: true（传统AJAX），让表单异步提交。

第二步：修改create方法支持JS响应 #

def create
  @order = Order.new(order_params)
  respond_to do |format|
    if @order.save
      format.html { redirect_to order_path(@order) }
      format.js # 会自动渲染create.js.erb
    else
      format.html { render :new }
      format.js { render :new }
    end
  end
end

第三步：创建create.js.erb处理下载和跳转 #

在app/views/orders/目录下新建create.js.erb，写入：

// 1. 触发PDF下载
const downloadLink = document.createElement('a');
downloadLink.href = "<%= order_path(@order, format: :pdf) %>";
downloadLink.download = "New Order.pdf";
downloadLink.click();

// 2. 跳转到详情页
setTimeout(() => {
  window.location.href = "<%= order_path(@order) %>";
}, 500); // 加个小延迟确保下载请求已发起

为什么原来的代码不行？ #

你之前在create里直接redirect_to order_path(@order, format: :pdf)，浏览器收到的是Content-Disposition: attachment的响应，会优先处理文件下载，而不会加载新的HTML页面——因为HTTP响应只能是“页面跳转”或“文件下载”二选一，没法同时完成两个动作，必须通过前端逻辑触发第二个操作。

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