前端通过XMLHttpRequest.send传多值，PHP仅读第一个如何解决？

嘿，我来帮你搞定这个问题！你遇到的情况多半是参数传递的格式不正确，或者没有设置对应的请求头，导致PHP只能解析到第一个参数。下面我结合你的下拉框场景，给你两种常用的解决方案：

方案一：用GET请求传递参数 #

GET请求会把参数直接拼在URL后面，格式是?参数1=值1&参数2=值2，PHP通过$_GET就能轻松读取所有参数：

JavaScript代码示例 #

function callCourseYards(selectElement) {
  var XMLHttpRequestObject = false;
  // 兼容不同浏览器创建XHR对象
  if(window.XMLHttpRequest){
    XMLHttpRequestObject = new XMLHttpRequest();
  }else if(window.ActiveXObject){
    XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  }

  // 获取下拉框选中值，以及你要传递的第二个参数（这里以year为例）
  var mesValue = selectElement.value;
  var yearValue = "2024"; // 替换成你实际的第二个参数值

  // 拼接URL，务必用encodeURIComponent处理参数值，避免特殊字符破坏格式
  var requestUrl = "你的PHP脚本路径.php?mes=" + encodeURIComponent(mesValue) + "&year=" + encodeURIComponent(yearValue);

  if(XMLHttpRequestObject) {
    XMLHttpRequestObject.open("GET", requestUrl, true);
    // 监听请求完成事件
    XMLHttpRequestObject.onreadystatechange = function() {
      if(XMLHttpRequestObject.readyState === 4 && XMLHttpRequestObject.status === 200) {
        // 这里可以处理PHP返回的结果
        console.log(XMLHttpRequestObject.responseText);
      }
    };
    // GET请求send方法传null或者不传参数
    XMLHttpRequestObject.send(null);
  }
}

PHP代码示例 #

// 安全读取GET参数，避免未定义索引错误
$mes = isset($_GET['mes']) ? $_GET['mes'] : '';
$year = isset($_GET['year']) ? $_GET['year'] : '';

// 测试输出参数
echo "mes值：" . $mes . "，year值：" . $year;

方案二：用POST请求传递参数 #

如果参数比较敏感或者长度较长，推荐用POST请求。但要注意必须设置正确的请求头，否则PHP无法解析$_POST数组：

JavaScript代码示例 #

function callCourseYards(selectElement) {
  var XMLHttpRequestObject = false;
  if(window.XMLHttpRequest){
    XMLHttpRequestObject = new XMLHttpRequest();
  }else if(window.ActiveXObject){
    XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  }

  var mesValue = selectElement.value;
  var yearValue = "2024";

  // 拼接POST参数，同样要encodeURIComponent处理
  var postParams = "mes=" + encodeURIComponent(mesValue) + "&year=" + encodeURIComponent(yearValue);

  if(XMLHttpRequestObject) {
    XMLHttpRequestObject.open("POST", "你的PHP脚本路径.php", true);
    // 关键！必须设置这个请求头，否则PHP无法识别POST参数格式
    XMLHttpRequestObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    
    XMLHttpRequestObject.onreadystatechange = function() {
      if(XMLHttpRequestObject.readyState === 4 && XMLHttpRequestObject.status === 200) {
        console.log(XMLHttpRequestObject.responseText);
      }
    };
    // POST请求把参数传给send方法
    XMLHttpRequestObject.send(postParams);
  }
}

PHP代码示例 #

// 读取POST参数
$mes = isset($_POST['mes']) ? $_POST['mes'] : '';
$year = isset($_POST['year']) ? $_POST['year'] : '';

echo "mes值：" . $mes . "，year值：" . $year;

几个关键注意点 #

• 不管用GET还是POST，都要用encodeURIComponent()处理参数值，避免空格、&、=这类特殊字符导致参数解析中断
• POST请求一定要设置Content-Type: application/x-www-form-urlencoded请求头，不然PHP的$_POST会是空的，只能通过file_get_contents('php://input')读取原始数据，还要自己解析，非常麻烦
• 确保PHP脚本里用的$_GET或$_POST和你的请求方式对应，别搞混了

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