Rails提交表单后控制台显示视图已渲染但页面无跳转怎么解决？

从提交日志中的Processing by TripsController#filter as JS可以定位核心问题：Rails 5及以上版本的form_with默认开启remote: true配置，表单会以异步（Ajax）方式提交。此时浏览器会等待后端返回JS格式的响应执行页面逻辑，你当前返回的是完整HTML页面，浏览器不会主动触发跳转或内容更新，因此页面看起来无反应。

根据你的业务需求选择对应方案即可：

方案1：需要点击提交后跳转新页面 #

关闭表单的异步提交特性，在form_with中添加local: true参数：

<%= form_with(url: filter_path, method: "get", local: true) do |form| %>
    <!-- 原有表单内容保持不变 -->
    <div class="field">
        <%= form.label :from %>
        <%= form.select :from, @places_arr %>
    </div>
    <div class="field">
        <%= form.label :to %>
        <%= form.select :to, @places_arr %>
    </div>
    <div class="field">
        <%= form.label :departure_date %>
        <%= form.date_select :dep_date %>
    </div>
    <div class="field">
        <%= form.label :departure_time %>
        <%= form.text_field :dep_time %>
    </div>
    <div class="field">
        <%= form.label :price %>
        <%= form.text_field :price %>
    </div>
    <div class="field">
        <%= form.label :rating %>
        <%= form.text_field :rating %>
    </div>
    <div class="field">
        <%= form.label :model %>
        <%= form.select :model, @vehicles_arr  %> &nbsp
    </div>
    <div class="field">
        <%= form.label :alimentation %>
        <%= form.select :alimentation, @vehicles_alimentation %>
    </div>
    <div class="btn btn-primary">
        <%= form.button :submit %>
    </div>
<% end %>

修改后提交表单，日志会显示Processing by TripsController#filter as HTML，页面会正常跳转到filter.html.erb视图。

方案2：需要保留无刷新提交的特性 #

无需修改表单配置，新增JS响应模板处理异步回调即可：

1. 在app/views/trips/目录下新建filter.js.erb文件
2. 在文件中编写自定义页面逻辑，示例如下（按需修改）：

// 示例1：替换页面指定容器的内容
document.querySelector("#trip-result").innerHTML = "<%= j render 'filter_result' %>"

// 示例2：手动触发页面跳转
window.location.href = "<%= filter_path %>"

• 提交表单后查看Rails控制台日志，确认请求格式是否符合预期
• 打开浏览器开发者工具的Console面板，检查是否有JS报错拦截了表单逻辑
• 查看网络面板的表单响应内容，确认返回内容是否正确

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