如何通过AJAX将lang变量传递至控制器？params[:lang]无法获取

你想要通过下拉框选择语言后，把lang变量发送到控制器，以便在局部视图中使用，但目前控制器里的params[:lang]始终无法获取到正确的值。先来看下你当前的代码：

$("#search-select").dropdown();
$("#search-select").on("click", function() {
  var lang = $('#search-select').dropdown('get value');
  $.get({
    url: "#{translations_url}",
    dataType: "script",
    data: { lang: lang }
  });
});

我来帮你一步步排查和解决这个问题：

1. 先确认前端是否真的发送了正确的参数 #

打开浏览器的开发者工具（按F12），切换到Network标签，然后点击下拉框触发请求。查看这个GET请求的Query String部分：

• 如果URL里没有?lang=xxx（比如/translations?lang=en），说明前端参数没传对；
• 如果有这个参数，那问题出在后端控制器的处理上。

同时，在click事件里加个console.log，确认拿到的lang值是对的：

$("#search-select").on("click", function() {
  var lang = $('#search-select').dropdown('get value');
  console.log("选中的语言值：", lang); // 看控制台输出是否符合预期
  // 剩下的请求代码...
});

如果这里输出的是空或者错误的值，那可能是dropdown插件的取值方法不对——试试用原生的val()方法：var lang = $('#search-select').val();，有些下拉插件会把选中值存在原生的value属性里。

2. 检查路由和URL是否正确 #

确认#{translations_url}渲染后是正确的后端地址：查看页面的HTML源码，找到这段JS，看url对应的是不是你期望的路由（比如/translations）。如果是空白或者错误地址，那你需要确认路由定义是否正确，比如在routes.rb里是不是有：

get '/translations', to: 'translations#index', as: :translations

可以运行rails routes命令，在终端里查看translations对应的路由信息，确保HTTP方法是GET，路径正确。

3. 后端控制器排查 #

在对应的控制器动作里加日志，确认参数是否收到：

class TranslationsController < ApplicationController
  def index
    # 打印所有参数到日志，方便排查
    logger.debug "收到的参数：#{params.inspect}"
    @lang = params[:lang]
    logger.debug "获取到的lang参数：#{@lang}"
    
    # 渲染局部视图，把lang传进去
    render partial: 'your_partial_name', locals: { lang: @lang }
  end
end

然后查看Rails的log/development.log文件，搜索对应的请求日志，看params里有没有lang这个键。如果日志里有，但你在局部视图里用不了，那可能是局部视图的变量名写错了，比如局部里用的是@lang但你传的是局部变量lang，或者反过来。

4. 调整前端请求（可选，针对Turbo环境） #

如果你的项目是Rails 7+，默认启用了Turbo，可能会干扰AJAX请求。可以在请求里加上Turbo的头部，或者禁用Turbo处理：

$.get({
  url: "#{translations_url}",
  dataType: "script",
  data: { lang: lang },
  headers: { 'Turbo-Frame': '_top' }, // 告诉Turbo不要拦截这个请求
  success: function() {
    console.log("请求成功，参数已发送");
  },
  error: function(xhr) {
    console.error("请求失败：", xhr.responseText);
  }
});

按照上面的步骤排查，应该能找到问题所在。先从前端参数是否正确发送开始查，这是最常见的问题点。

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