如何在ColdFusion中隐藏URL变量？新标签页打开时隐藏参数

你的问题核心是避免GET参数暴露在地址栏——因为原来的写法是把product作为URL参数传递，这本来就会直接显示在新标签页的地址栏里。要实现隐藏，最稳妥的是改用POST请求传递参数，或者通过Session暂存参数，下面是两种具体的实现方法：

方法一：动态创建POST表单提交到新窗口 #

这种方法不需要额外的后台接口，直接通过前端动态生成表单，用POST方式把参数提交到新窗口，地址栏只会显示基础URL，参数在请求体里传递，后台依然能正常获取。

修改后的代码如下（结合你的CFML语法）：

<td>
  <a href="##" onClick="openProductDetails()">info</a>
</td>

<script>
function openProductDetails() {
  // 先打开一个空白的新窗口，保持你需要的窗口属性
  const newTab = window.open('about:blank', '_blank', 'width=720,height=880, toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=no');
  
  // 创建一个隐藏的表单，用POST提交参数
  const form = document.createElement('form');
  form.action = 'http://p-test/testcase.cfm';
  form.method = 'POST';
  form.target = '_blank'; // 指定提交到刚才打开的新窗口
  
  // 添加product参数的隐藏输入框
  const productField = document.createElement('input');
  productField.type = 'hidden';
  productField.name = 'product';
  productField.value = '<cfoutput>#getproduct#</cfoutput>'; // 填充CFML变量的值
  
  // 把表单添加到页面并提交
  form.appendChild(productField);
  document.body.appendChild(form);
  form.submit();
  
  // 提交后可以移除表单，清理DOM（可选）
  setTimeout(() => {
    document.body.removeChild(form);
  }, 100);
}
</script>

⚠️ 注意：你的后台testcase.cfm需要修改参数获取方式，从url.product改成form.product，因为现在参数是通过POST传递的。

方法二：通过Session暂存参数（需后台配合） #

如果你的CFML后台支持Session，可以先把product的值存入Session，再打开不带参数的URL，后台从Session中读取参数。不过这种方法要注意多窗口冲突的问题（比如用户同时打开多个不同产品的窗口，Session值会被覆盖）。

示例代码：

<td>
  <a href="##" onClick="openProductViaSession()">info</a>
</td>

<script>
async function openProductViaSession() {
  // 先通过AJAX把product值传给后台存入Session
  await fetch('/save-product-to-session.cfm', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: `product=<cfoutput>#getproduct#</cfoutput>`
  });
  
  // 打开不带参数的新窗口
  window.open('http://p-test/testcase.cfm', '_blank', 'width=720,height=880, toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=no');
}
</script>

然后需要创建save-product-to-session.cfm来处理Session存储：

<cfscript>
session.selectedProduct = form.product;
</cfscript>

在testcase.cfm里，从session.selectedProduct获取参数即可。

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