Rails+Turbo-frames：如何让Turbo响应仅刷新当前视图？

我有一个需要在两个不同页面复用的表单局部视图，表单提交后要更新页面另一部分来展示新增内容，但这部分在两个页面上形态不一样——一个是表格（用Turbo-frames更新太繁琐），另一个是普通列表。没法让控制器返回单一响应适配两种目标区域，怎么用最简洁的方式实现？

当前我用的方案是在表单里传隐藏字段，把自定义redirect_to值设为表单的局部变量：

• 页面代码（page.html.haml）：

= render 'prescriptions/form', redirect_value: request.original_fullpath

• 表单局部视图（_form.html.haml）：

= form_with model: @prescription, url:[@patient, @prescription] do |f|
      = hidden_field_tag :redirect_to, redirect_value

• 控制器代码（prescription_controller.rb）：

if @prescription.save 
  respond_to do |format|
    redirect_to params[:redirect_to] || patient_prescriptions_url(@patient), notice: "Prescription was successfully created."

我觉得这是让Turbo-frames“主导”却懒加载刷新整页的取巧方法，不用构建特定frames和判断控制器返回内容的逻辑，但应该有更合理的实现方式，求指教！

方案1：利用Turbo Streams的条件渲染（推荐） #

Turbo Streams本身支持根据请求的不同来源返回不同的更新片段，无需整页刷新。你可以通过传递页面类型参数，让控制器返回对应局部更新的流：

1. 给表单添加页面类型标识的隐藏字段，渲染表单时传入对应类型：

# _form.html.haml
= form_with model: @prescription, url:[@patient, @prescription] do |f|
  = hidden_field_tag :page_type, page_type # page_type为局部变量，比如"table_page"或"list_page"

# 表格页面调用表单
= render 'prescriptions/form', page_type: "table_page"

# 列表页面调用表单
= render 'prescriptions/form', page_type: "list_page"

2. 控制器根据page_type返回对应Turbo Stream：

# prescription_controller.rb
def create
  @prescription = Prescription.new(prescription_params)
  @patient = @prescription.patient

  if @prescription.save
    respond_to do |format|
      format.turbo_stream do
        target_container = params[:page_type] == "table_page" ? "prescriptions_table" : "prescriptions_list"
        partial_path = params[:page_type] == "table_page" ? "prescriptions/table_row" : "prescriptions/list_item"
        
        render turbo_stream: turbo_stream.append(target_container, partial: partial_path, locals: { prescription: @prescription })
      end
      format.html { redirect_to params[:redirect_to] || patient_prescriptions_url(@patient), notice: "Prescription was successfully created." } # 降级处理
    end
  else
    # 处理验证失败逻辑，比如重新渲染表单
    render :new
  end
end

这种方式完全贴合Turbo的设计，只更新需要变化的区域，保留页面状态，用户体验更流畅。

方案2：基于请求来源的响应判断 #

如果不想额外传参数，也可以通过request.referer解析页面类型（依赖URL结构，稳定性略差）：

# prescription_controller.rb
def create
  # ... 保存逻辑
  if @prescription.save
    respond_to do |format|
      format.turbo_stream do
        if request.referer&.include?('/patient/table') # 假设表格页面URL包含该片段
          render turbo_stream: turbo_stream.append('prescriptions_table', partial: 'prescriptions/table_row', locals: { prescription: @prescription })
        else
          render turbo_stream: turbo_stream.append('prescriptions_list', partial: 'prescriptions/list_item', locals: { prescription: @prescription })
        end
      end
    end
  end
end

对你当前方案的评价 #

你当前的整页刷新方案确实简单易实现，适合快速迭代，但缺点是会丢失页面状态（比如滚动位置、未提交的临时输入内容），交互体验不如局部更新。如果页面状态不重要，这个方案完全可以用；但如果追求更优的用户体验，推荐使用Turbo Streams的局部更新方案。

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