使用AJAX调用PHP文件无法获取JavaScript执行结果，求助解决方法

你遇到的问题其实是AJAX请求的工作机制和返回内容解析逻辑导致的，我来一步步帮你理清并解决：

问题根源拆解 #

1. JSON解析限制：你的AJAX设置了dataType: "json"，浏览器会把response.php返回的内容严格当作JSON解析，里面的<script>test();</script>只会被当作普通字符串处理，根本不会被识别成JS代码执行。
2. 非法JSON输出：你的response.php在echo json_encode($return);之后还输出了<script>function test(){...}，这会让返回的内容变成「JSON字符串+JS代码」的混合体，完全不符合JSON格式，AJAX甚至会因为解析失败触发error回调，而不是success。
3. JS执行逻辑错误：就算你去掉了JSON限制，AJAX返回的内容默认也不会自动执行其中的脚本，必须手动处理才能让浏览器解析执行。

解决方案 #

方案1：推荐！直接返回数据而非JS代码（更安全、符合前后端逻辑）

既然你想要test()返回的'Hello'，完全不需要在后端返回JS代码，直接在PHP里把结果返回即可：

response.php 修正后：

<?php
$return = $_POST;
// 直接返回你需要的结果，而不是JS代码
$return["result"] = "Hello";
echo json_encode($return);
?>

index.php 修正后：

$.ajax({
    type: "POST",
    dataType: "json",
    url: "response.php",
    data: data,
    success: function(response) {
        // 直接拿到后端返回的结果
        console.log(response.result); // 输出 "Hello"
    },
    error: function(xhr, status, err) {
        console.error("请求出错：", err);
    }
});

方案2：如果确实需要执行后端返回的JS代码（谨慎使用）

如果你的场景必须从后端返回JS代码来执行，需要做两步修正：

第一步：修复response.php的输出（只返回合法JSON）

<?php
$return = $_POST;
// 返回要执行的JS代码内容，不要带<script>标签
$return["js_code"] = "function test(){ return 'Hello'; } console.log(test());";
echo json_encode($return);
?>

第二步：在前端手动执行返回的JS代码

通过创建script元素的方式执行（比eval更安全、更符合浏览器规范）：

$.ajax({
    type: "POST",
    dataType: "json",
    url: "response.php",
    data: data,
    success: function(response) {
        // 创建script元素并插入到页面中执行
        const scriptEl = document.createElement('script');
        scriptEl.textContent = response.js_code;
        document.body.appendChild(scriptEl);
        // 执行后可以移除元素，避免冗余
        scriptEl.remove();
    }
});

重要提醒 #

• 尽量避免通过AJAX返回JS代码执行，这存在XSS注入风险，而且违背了前后端分离的设计逻辑（后端负责提供数据，前端负责处理逻辑）。
• 始终确保response.php只输出合法的JSON内容，任何额外的空格、HTML标签都会导致JSON解析失败。

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