jQuery ajax调用PHP函数无预期输出问题求助

在JavaScript脚本中通过jQuery ajax调用PHP函数时，参考公开示例适配自身代码后始终无法正常运行：执行JS逻辑时控制台会打印"success"日志，但PHP代码始终未返回预期输出结果。

原有前端JS代码 #

var var1 = document.getElementById("tag").value;
var id = tag.id;
var var3 = tag.checked;
var test = $.ajax({
    url: '../PHP/phpFunc.php',
    type: 'GET',
    data: {param1: var1, param2: id, param3: var3},
    complete: function() {
        if(window.console) {
            console.log("success");
        }
    },
    error: function() {
        if(window.console) {
            console.log("Error");
        }
    }
})

原有后端PHP代码 #

<?php
echo "<script>
     console.log(\"test\")
     </script>";
$var1= $_GET['param1'];
$var2 = $_GET['param2'];
$var3 = $_GET['param3'];
$var4 = '../XML/user/'. $var1.'.xml';
?>

问题原因 #

• 你使用的complete回调会在ajax请求结束时无论请求成功还是失败都触发，打印的"success"仅代表请求流程走完，不代表PHP逻辑正常执行、返回符合预期。
• PHP返回的<script>标签是作为ajax响应文本返回的，不会自动插入到当前页面DOM中，浏览器不会自动执行这段脚本，自然看不到控制台的test打印。
• 原有代码没有在ajax回调中接收、处理PHP返回的响应内容，就算PHP正常输出结果，前端也不会做任何展示/处理。
• 早期代码中存在PHP语法错误：$_GET['param3]缺少闭合单引号，会直接触发500服务端错误，你写的error回调没有打印详细错误信息，无法感知到服务端报错。
• 前端代码中tag变量未提前定义获取，直接读取id、checked属性本身就会抛出JS异常，需要提前确认DOM元素获取逻辑。

修正后代码 #

前端JS部分 #

// 提前获取对应的DOM元素
const tag = document.getElementById("tag");
const var1 = tag.value;
const id = tag.id;
const var3 = tag.checked;

$.ajax({
    url: '../PHP/phpFunc.php',
    type: 'GET',
    data: {param1: var1, param2: id, param3: var3},
    success: function(response) {
        // 请求成功（状态码200）时触发，打印返回内容
        console.log("请求成功，服务端返回：", response);
        // 如果需要执行返回的脚本，可以手动将响应内容插入到页面DOM中
        // $('body').append(response);
    },
    error: function(xhr) {
        // 打印详细错误信息方便排查
        console.log("请求出错，状态码：" + xhr.status, "错误详情：" + xhr.responseText);
    }
})

后端PHP部分 #

<?php
// 先校验参数是否存在，避免未定义索引报错
if (!isset($_GET['param1'], $_GET['param2'], $_GET['param3'])) {
    http_response_code(400);
    exit("缺少必要请求参数");
}

$var1 = $_GET['param1'];
$var2 = $_GET['param2'];
$var3 = $_GET['param3'];
$var4 = '../XML/user/'. $var1.'.xml';

// 直接返回文本/JSON数据即可，不需要嵌套script标签
echo "test 参数接收成功，目标文件路径：" . $var4;

// 如果需要返回结构化数据，建议用JSON格式
// header('Content-Type: application/json');
// echo json_encode([
//     'code' => 0,
//     'msg' => '请求成功',
//     'data' => ['file_path' => $var4]
// ]);
?>

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