同一控制器中如何在一个ActionResult内获取另一ActionResult的参数值

我们分两种优先级的实现方式，可根据你当前的技术栈直接适配： #

优先级1：实现下拉框自动选中对应餐厅 #

步骤1：餐厅详情页跳转时携带餐厅ID参数 #

不管用前端路由跳转还是后端页面跳转，跳转预订表单页时都把餐厅ID作为参数携带：

• 前端SPA场景（Vue/React/Angular等）：路由跳转时把餐厅ID放在路由参数或者query参数里，示例（Vue路由）：

// 餐厅详情页预订按钮点击逻辑
this.$router.push({
  path: '/reservation/form',
  query: { restaurantId: 当前餐厅ID }
})

• 后端渲染场景（JSP/Thymeleaf/PHP等）：跳转表单页的URL后缀加参数，格式为/reservation/form?restaurantId=xxx

步骤2：表单页加载时读取参数自动选中下拉框 #

表单页初始化时先读取URL里的restaurantId参数，遍历餐厅下拉框的选项，把value和该参数相等的选项设为选中状态即可，原生JS示例：

// 页面加载时执行
window.onload = function() {
  // 读取URL参数
  const urlParams = new URLSearchParams(window.location.search);
  const targetRestaurantId = urlParams.get('restaurantId');
  if(targetRestaurantId) {
    // 找到下拉框元素
    const selectEl = document.getElementById('restaurant-select');
    // 匹配选项设为选中
    for(let option of selectEl.options) {
      if(option.value === targetRestaurantId) {
        option.selected = true;
        break;
      }
    }
  }
}

这种方式不仅能实现自动选中的交互效果，提交表单时餐厅ID会跟随下拉框的选中值一起提交到后端控制器，不需要额外处理参数绑定。 #

优先级2：保底方案（控制器直接获取餐厅ID，不需要前端自动选中） #

如果前端自动选中实现有障碍，可任选以下一种方式把ID传到控制器：

方式1：表单加隐藏域存ID #

表单页加载时读取到URL里的餐厅ID后，赋值给表单内的隐藏input，提交表单时会自动把ID一起传到后端：

<!-- 预订表单内加隐藏域 -->
<input type="hidden" name="restaurantId" id="hidden-restaurant-id" value="">

// 页面加载时给隐藏域赋值
window.onload = function() {
  const urlParams = new URLSearchParams(window.location.search);
  const targetRestaurantId = urlParams.get('restaurantId');
  if(targetRestaurantId) {
    document.getElementById('hidden-restaurant-id').value = targetRestaurantId;
  }
}

后端控制器直接接收restaurantId参数即可完成预订记录和餐厅的绑定。

方式2：存在本地存储里 #

餐厅详情页点击预订按钮的时候就把ID存到sessionStorage/localStorage，提交预订请求时读取该值传给后端即可：

// 餐厅详情页预订按钮点击时存储
sessionStorage.setItem('reserveRestaurantId', 当前餐厅ID);
// 提交预订请求时读取
const restaurantId = sessionStorage.getItem('reserveRestaurantId');

注意如果是多标签页同时预订的场景优先用URL参数或者隐藏域方式，本地存储可能会出现多餐厅同时预订的ID冲突问题。

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