如何在JavaScript中设置Cookie并在Ruby on Rails 5.0.3控制器中获取？

嘿，我来帮你搞定这个问题！在Rails 5.0.3里实现「前端点击按钮存值，后端读取」的需求，主要有两种实用方案，我给你一步步拆解清楚：

这种方式适合存储非敏感数据，操作起来最直接：

1. 前端JavaScript代码（点击按钮设置Cookie） #

给目标按钮绑定点击事件，设置Cookie时要指定path=/，确保整个Rails应用都能读取到这个Cookie：

// 假设你的按钮ID是"save-cookie-btn"
document.getElementById('save-cookie-btn').addEventListener('click', function() {
  // 设置Cookie，有效期1天，路径为根目录
  const cookieExpires = new Date(Date.now() + 86400000).toUTCString(); // 86400000ms = 1天
  document.cookie = "user_preference=dark_mode; expires=" + cookieExpires + "; path=/";
});

2. Rails后端读取Cookie #

在任意控制器动作里，直接通过cookies对象读取即可：

def some_action
  # 符号键或字符串键都能读取
  preference = cookies[:user_preference]
  # 或者 cookies['user_preference']
  puts "用户偏好：#{preference}"
end

注意点 #

• 不要给Cookie加HttpOnly属性（JS设置时默认不会加），否则JavaScript无法操作这个Cookie
• 如果你的前后端域名不一致，需要额外指定domain参数，比如; domain=your-app.com

如果要存储敏感数据，优先用这种方式——因为Session数据存在服务器端，JS无法直接篡改，安全性更高：

1. 前端JavaScript代码（点击按钮发AJAX请求） #

发送POST请求到Rails后端，记得带上CSRF Token（Rails默认要求）：

document.getElementById('save-session-btn').addEventListener('click', function() {
  fetch('/set_user_session', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content
    },
    body: JSON.stringify({ user_id: 123 })
  });
});

2. Rails配置路由 #

在config/routes.rb里添加对应的路由：

post '/set_user_session', to: 'users#set_session_value'

3. Rails控制器处理请求并设置Session/Cookie #

在控制器里接收前端参数，设置Session或Cookie：

class UsersController < ApplicationController
  def set_session_value
    # 设置Session（服务器端存储，更安全）
    session[:current_user_id] = params[:user_id]
    
    # 也可以设置带HttpOnly的Cookie（防止JS篡改）
    cookies[:user_token] = { 
      value: params[:user_id], 
      expires: 7.days.from_now, 
      httponly: true,
      path: '/'
    }
    
    head :ok # 返回空响应
  end

  # 在其他动作里读取Session/Cookie
  def profile
    user_id = session[:current_user_id]
    token = cookies[:user_token]
    # 后续业务逻辑...
  end
end

• Rails的Session默认基于Cookie存储，但JS只能看到Session的ID（无法直接修改Session内容），所以要修改Session必须通过后端接口
• 敏感数据绝对不要用JS直接写Cookie，避免XSS攻击风险
• 如果是临时存储（比如页面刷新后不需要保留），可以用sessionStorage或localStorage，但这些数据Rails后端无法直接读取，需要通过AJAX传给后端

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