在 Rails 中明确响应格式和页面重新加载 html 响应

Question

我想了解 Rails 中的响应format操作。 假设我的部分中有一个link_to ，它在show页面中呈现如下：

显示.html.erb

<%= render partial: 'my_partial', locals: { stage: @stage } %>

my_partial.html.erb

<% case 'stage' %>
<% when 'beginning' %>
  <%= link_to 'Submit', { controller: 'my_controller', action: 'update_model' } %>
<% when 'ongoing' %>
  <%= render partial: 'another_partial' %>
<% end %>

my_controller.rb

def update_model
  #do something
  respond_to do |format|
    format.json { render json: { some_key: some_value } }
    format.js { render partial: 'path_to_partial/partial.js' }
    format.html { redirect_to action: 'show' }
  end
end

在这里，每当第一次加载show页面时， @stage将beginning ，然后单击link_to 'Submit'然后在来自控制器的响应之前@stage将更改为ongoing 。

现在每当我点击link_to ，页面都会重新加载并且response是html因此format.html被发送。 如果我添加remote: true则响应在js并且页面不会重新加载，因为它是remote 。

所以我想要的确切功能是重新呈现show页面，然后在my_partial内部它应该when ongoing转到，然后在不重新加载的情况下呈现another_partial页面。 这发生在同一个网址中。

我想了解的是为什么页面在相同的 url 时会重新加载？ format.html就是这样工作的吗？ 我应该怎么做才能再次呈现show页面但不重新加载页面？

Answer 1

respond_to do |format| 它是否查看传入的 http 请求期望的响应。 通常，如果您单击链接或提交表单，它需要 html。 但是，正如您所说的那样，如果您添加remote: true ，则链接发出的 http 请求需要 javascript。 现在您只想重新呈现部分页面，而不是整个页面。 你可以在控制器中这样做

def update_model
 ...
  respond_to do |format|
    ...
    format.js 
    ...
  end
end

不要给format.js一个块，这将自动在视图中渲染一个文件 - 像往常一样 - 应该像控制器动作一样命名。 所以update_model.js.erb在这里你可以决定做什么。 因此，例如找到包含您的部分的 div，然后重新渲染它。 感谢.erb你也可以在这个 js 文件中编写嵌入的 ruby​​ 代码。 这是您决定要重新渲染的部分或做什么的地方（切换类，...）

const container = document.querySelector("#container-for-partial")
const partial = "<%= j render 'some_partial' %>"
// Inject HTML to partial
container.innerHTML = partial