通过AJAX传递JavaScript变量到PHP无结果，求解决方法

嘿，我来帮你梳理下问题所在，主要有几个小细节没处理好：

1. JavaScript变量声明语法错误 #

你写的 $m = 77; 是PHP的变量写法，在JavaScript里会导致变量未正确定义，后续代码执行直接失败。应该改成JS的标准变量声明方式：

var m = 77; // 或者用更现代的 let m = 77;

2. 缺少AJAX响应监听逻辑 #

你的JS代码只是发送了POST请求，但完全没处理PHP返回的响应内容——这就是你看不到结果的核心原因！AJAX是异步请求，不会自动把返回结果显示出来，必须手动添加监听事件来接收并处理响应。

3. 废弃的escape()函数 #

escape()已经被Web标准废弃了，推荐使用encodeURIComponent()来编码参数，能更好地处理特殊字符，避免参数传递时出现异常。

修改后的完整代码 #

JavaScript代码：

var m = 77;
var xhr = new XMLHttpRequest();
xhr.open("POST", "try.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

// 添加响应监听，处理返回结果
xhr.onload = function() {
  // 检查请求是否成功
  if (xhr.status >= 200 && xhr.status < 300) {
    // 在控制台打印返回值，也可以把结果插入到页面中
    console.log("PHP返回的值：", xhr.responseText);
    // 示例：把结果显示在页面上（需要页面有id为result的元素）
    // document.getElementById("result").textContent = "返回值：" + xhr.responseText;
  } else {
    console.error("请求失败，状态码：", xhr.status);
  }
};

// 用encodeURIComponent编码参数，替代废弃的escape
xhr.send("m=" + encodeURIComponent(m));

PHP代码（增加参数存在性判断，避免报错）：

<?php
// 先判断参数是否存在，防止未传参时出现未定义索引错误
if (isset($_POST['m'])) {
    $var = $_POST['m'];
    echo $var;
} else {
    echo "参数m未传入";
}
?>

注意事项 #

• 不要直接访问try.php页面：直接访问是GET请求，不会携带POST参数，所以会显示“参数m未传入”；
• 打开包含上述JS代码的页面，然后打开浏览器的开发者工具（按F12），切换到「控制台」标签，就能看到PHP返回的77了；
• 如果想把结果直观显示在页面上，可以在页面里加个元素（比如<div id="result"></div>），然后用JS把响应内容插入进去。

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