使用浏览器历史记录时，Rails link_to remote true 问题

Question

我正在使用以下代码通过搜索页面上的 JS 请求获取数据

<%= link_to 'All', '/search?type=all', id: 'active', remote: true %>
<%= link_to 'Photographers', '/search?type=photographers', remote: true %>

一切正常，我正在按预期获取数据。但是当我点击其他链接然后点击返回按钮（由浏览器提供）时，它会在空白页面上向我显示 JS 请求数据，而不是返回搜索页面。

是否有任何解决方法或解决方法？

在 routes.rb 中

resources :search, only: [:index]

在搜索控制器中

def index
  // search processing

  respond_to do |format|
    format.html
    format.js
  end
end

搜索/index.js.erb

$('#search-area').html("<%= j render partial: 'search_area' %>");

我正在使用带有 Puma 的 Rails 5.0

Answer 1

正如我所想。后退按钮转到最后一个请求，即 JS 文件。它所做的只是渲染一个部分，但由于它没有一个基本模板可以从你得到的只是来自部分的搜索数据。

到目前为止，我让 AJAX 部分工作的方式是在 .html.erb 文件中添加一个 div 标签（或任何带有 ID 的标签）。例如来自具有 AJAX 可排序表的项目：

index.html.erb

...
<div class="card card-block" id="article-index">
    <%= render 'indextable' %>
</div>
...

index.js.erb

$("#article-index").html("<%= escape_javascript(render("indextable")) %>");

两者都引用了我要呈现的表数据的一部分。诀窍是在.js.erb 文件中使用将innerHTML 设置为rails escape_javascript(render..) 调用的语法。这样，返回导航将从另一个页面返回到搜索结果页面。

试一试，让我知道它是否成功。很可能您将获得呈现的搜索结果页面的 HTML 模板，但没有任何数据。 AJAX 通常不适用于浏览器的后退按钮。