通过GET请求无法执行外部PHP文件代码的问题排查

我在学习jQuery和AJAX时，参考W3Schools的示例做GET请求外部文件的练习。我编写了对应的XMLHttpRequest脚本及HTML代码，但alert弹出的是整个gethint.php文件的文本内容——即使完全复制示例中的PHP代码，问题依然存在，请求排查原因。

我的XMLHttpRequest脚本如下：

function displaySuggestions(str) {
    var xhttp;
    if (str.length == 0) {
        document.getElementById("suggestions").innerHTML = "";
        return;
    }
    xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            alert(this.responseText)
            document.getElementById("suggestions").innerHTML = this.responseText;
        }
    }
    xhttp.open("GET", "gethint.php?q="+str, true);
    xhttp.send();
}

对应的HTML代码：

<div>
    <h2>Display sugestions while typing</h2>
    <div>
        <form>
        Fill in employee: <input onkeyup="displaySuggestions(this.value)">
        </form>
        Suggestions: <span id="suggestions"></span>
    </div>
</div>

排查方向 #

• 未在PHP服务器环境运行：PHP代码需要依赖支持PHP的Web服务器（如Apache、Nginx）解析执行。如果直接用浏览器打开本地HTML文件（使用file://协议），服务器不会介入，浏览器会直接读取并返回PHP文件的源码。必须将所有文件放到服务器的网站根目录（比如XAMPP的htdocs文件夹），通过http://localhost/开头的URL访问。
• 文件路径配置错误：确认gethint.php与HTML文件处于同一目录，或者xhttp.open中的文件路径书写正确。路径错误通常会返回404，但如果路径指向的是本地未解析的PHP文件，也可能返回源码。
• 服务器PHP解析未启用：检查服务器配置，比如Apache的httpd.conf是否加载了PHP模块，是否添加了.php文件的处理规则（如AddType application/x-httpd-php .php），确保服务器能正确解析PHP代码。

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