Rails中实现将AJAX请求参数存入URL的问题

嘿，我来帮你搞定这个URL没更新的问题！你遇到的情况很常见：用AJAX（remote: true）提交表单时，异步请求只会更新页面内容，不会自动修改浏览器地址栏的URL——这就是为什么控制器能拿到params[:tags]，但地址栏还是停留在localhost:3000/posts/:id的原因。

下面给你具体的修复方案，分两步来：

1. 在控制器中生成带过滤参数的URL #

先在posts_controller.rb的show动作里，生成包含标签参数的完整URL，这样后续JS可以直接用这个URL更新地址栏：

def show
  @posts = get_posts
  # 生成带tag_ids参数的URL（如果有选中标签的话）
  @filtered_url = posts_url(
    id: params[:id],
    tag_ids: params[:tags].presence # presence会在参数为空时自动移除该键
  )
  respond_to do |format|
    format.js
    format.html
  end
end

presence方法很实用：如果没有选中任何标签，params[:tags].presence会返回nil，生成的URL就不会带tag_ids参数，回到原始的帖子详情页URL。

2. 在JS模板中更新浏览器URL #

修改posts/show.js.erb，在渲染完帖子内容后，用浏览器的History API手动更新地址栏：

// 先替换帖子内容（你原来的代码）
$('#posts').html("<%= j render 'posts', posts: @posts %>");

// 用History API更新地址栏
window.history.pushState({}, '', "<%= j @filtered_url %>");

这里用了pushState方法：

• 它会在浏览器历史记录中新增一条记录，用户点击「后退」可以回到之前的URL
• 如果不想新增历史记录，只想替换当前条目，可以改用window.history.replaceState({}, '', "<%= j @filtered_url %>")

这样修改后，点击「Filter」按钮提交表单，不仅帖子内容会更新，地址栏也会变成带tag_ids参数的URL（比如localhost:3000/posts/1?tag_ids[]=2&tag_ids[]=3），而且刷新页面时，控制器依然能拿到tag_ids参数，保持过滤状态。

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