如何在jQuery中将jQuery变量传递至$_POST的键中？

我懂你的需求——你想在通过jQuery发送POST请求时，把JavaScript变量作为请求的键名（而非值），这样PHP端就能通过$_POST[动态键名]获取对应的数据。结合你给出的示例代码，我给你整理两种实用的实现方式：

方法1：ES6计算属性名（推荐） #

如果你的项目环境支持ES6（现在绝大多数浏览器都兼容），可以直接在对象字面量里用[变量名]定义动态键，写法简洁直观：

$(document).ready(function() {
  // 假设这是你要用作POST键名的变量
  var targetKey = "goal_type3";
  var targetValue = "完成用户注册";

  $.ajax({
    url: "你的PHP处理脚本路径.php",
    method: "POST",
    data: {
      [targetKey]: targetValue // 这里直接用变量作为键名
    },
    success: function(res) {
      console.log("请求成功，PHP返回：", res);
    },
    error: function(xhr) {
      console.error("请求出错：", xhr);
    }
  });
});

PHP端接收时，直接通过对应的键名获取即可：

<?php
if(isset($_POST['goal_type3'])) {
  $receivedValue = $_POST['goal_type3'];
  echo "收到的目标类型值：" . $receivedValue;
}
?>

方法2：先创建对象再动态赋值（兼容旧环境） #

如果需要兼容不支持ES6的老旧浏览器，可以先初始化一个空对象，再通过方括号语法给它添加动态键值对：

$(document).ready(function() {
  var targetKey = "goal_type2";
  var targetValue = "提升页面访问量";

  // 创建空的POST数据对象
  var postData = {};
  // 动态添加键值对
  postData[targetKey] = targetValue;

  $.ajax({
    url: "你的PHP处理脚本路径.php",
    method: "POST",
    data: postData,
    success: function(res) {
      console.log(res);
    }
  });
});

针对你示例中的数组场景 #

如果你想把goal_type数组的内容以goal_type1、goal_type2这类动态键名发送，可通过循环构建请求数据：

$(document).ready(function() {
  var goal_type = [];
  // 假设这里是你从页面或其他逻辑中获取的数组值
  goal_type[1] = "用户留存";
  goal_type[2] = "内容分享";
  goal_type[3] = "付费转化";

  var postData = {};
  // 循环数组，生成对应的键名和值
  for(var i = 1; i <= 3; i++) {
    var keyName = "goal_type" + i;
    postData[keyName] = goal_type[i];
  }

  $.ajax({
    url: "你的PHP处理脚本路径.php",
    method: "POST",
    data: postData,
    success: function(res) {
      // 处理PHP返回的响应
    }
  });
});

注意事项 #

• 动态键名要符合PHP数组键的规则：只能包含字母、数字和下划线，不能以数字开头
• 发送前可以用console.log(postData)打印要发送的键值对，方便调试是否符合预期

内容的提问来源于stack exchange，提问作者Naveen K. Sanadhya