jQuery Ajax调用中变量转命名变量的失效问题排查

我来帮你拆解下这段代码失效的核心原因：

1. 后端接收参数的预期与前端传递不匹配 #

你的setsession.php文件应该是在通过$_POST['discover_ID']来获取前端传递的参数，以此设置$_SESSION变量。但你当前的Ajax代码里，传递的参数结构是：

data : { id : '1' }

这意味着前端传给后端的键是id，值是1，和后端期望的discover_ID键名完全不匹配，所以后端根本拿不到需要的值，自然无法正确设置会话变量。

而当你改成{ 'discover_ID': '1' }时，键名和后端的预期一致，后端能正常读取$_POST['discover_ID']，所以代码就能正常工作了。

2. 你没有利用好已经获取到的id变量 #

你在点击事件里已经通过var id = $(this).val();拿到了复选框的value（也就是"discover_ID"），但在调用setPhaseID(id)后，并没有在Ajax里使用这个id变量作为参数的键名，而是硬写了固定的id键。

修复代码 #

如果你想让代码更灵活（比如后续复选框的value可能变化），应该把id变量作为参数的键名传递，而不是写死：

function setPhaseID(id) {
  // 用计算属性名把id作为键名
  $.ajax({
    type : "POST",
    async : true,
    cache : false,
    timeout : 5000,
    url : 'resources/library/setsession.php',
    data : { [id]: '1' }, // 这里用id变量作为键名
    success : function(data) {
    }
  });
}

如果你的项目不支持ES6的计算属性语法，也可以用传统方式构建参数对象：

function setPhaseID(id) {
  var postData = {};
  postData[id] = '1'; // 动态设置键名
  $.ajax({
    type : "POST",
    async : true,
    cache : false,
    timeout : 5000,
    url : 'resources/library/setsession.php',
    data : postData,
    success : function(data) {
    }
  });
}

这样不管你的复选框value是discover_ID还是其他值，前端都会动态传递对应的键名，和后端的接收逻辑匹配，代码就能正常运行啦。

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