jQuery AJAX如何正确获取PHP返回值传入success回调参数

你遇到的返回值包含完整template.php HTML的问题，核心原因有4个：

• 业务PHP代码最后用了return data，PHP面向浏览器输出内容需要用echo，且变量名必须带$符，原写法本身就无法正确输出结果
• 统一入口文件在引入业务逻辑文件后没有终止执行，后续的模板HTML内容会被持续输出到响应体里，最终返回给AJAX的内容就是「完整HTML+你输出的0/1」的拼接内容
• 路由代码存在语法错误，判断条件末尾多了多余的||，会直接导致PHP运行报错
• 前端AJAX没有明确指定返回数据类型，拿到字符串后不会自动做JSON解析

1. 修正路由代码 #

把template.php里的路由判断多余的语法符号删掉，修正后：

if (isset($_GET["route"])) {
  // 删除原来判断条件末尾多余的||
  if ($_GET["route"] == 'home' || $_GET["route"] == 'email') {
    include "modules/".$_GET["route"].".php";
  }
}

2. 重写modules/email.php业务逻辑 #

修正输出语法，添加JSON响应头，输出结果后立刻终止程序执行，同时修复SQL注入风险：

<?php
// 确保数据库连接$conn已经在入口文件中正确初始化
$email = $_POST['email'];
// 改用预处理语句，避免SQL注入
$stmt = mysqli_prepare($conn, "SELECT COUNT(*) FROM registration WHERE email = ?");
mysqli_stmt_bind_param($stmt, "s", $email);
mysqli_stmt_execute($stmt);
mysqli_stmt_bind_result($stmt, $count);
mysqli_stmt_fetch($stmt);
// 释放资源关闭连接
mysqli_stmt_close($stmt);
mysqli_close($conn);

// 设置JSON响应头
header('Content-Type: application/json');
// 输出处理结果，注意用echo，变量带$符
echo json_encode($count === 0 ? 0 : 1);
// 立刻终止程序执行，阻断后续模板HTML的输出
exit;
?>

3. 调整前端AJAX代码 #

明确指定返回数据类型为JSON，确保jQuery自动解析返回内容，同时确认请求地址指向统一入口：

$.ajax({
  // 如果配置了伪静态可以保留原url，否则需要明确指向入口文件加路由参数
  url: "template.php?route=email",
  type: "POST",
  data: {
    email: email,
  },
  dataType: "json", // 指定返回类型为JSON，自动解析响应内容
  cache: false,
  success: function(data) {
    alert("data: " + data);
    if (data == 0) {
      $('#message').html('available');
    } else if (data == 1) {
      $('#message').html('not available');
    }
  }
});

你之前用data.slice(-1)截取最后一位的方式属于临时补丁，只要模板内容发生变动（比如末尾多了空行、注释）就会直接失效，规范的AJAX接口必须保证响应体只有接口返回的业务数据，不能夹杂页面渲染内容。

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