加载失败。php 文件与 ajax 在 Javascript

Question

而不是在这里使用 jQuery 我正在尝试使用 Javascript 加载几个.php 文件以根据用户的输入显示来自数据库的数据。 下面是我的函数的示例（其中大部分是相似的）：

let userinput = document.getElementById("input");

button_1.onclick = function()
{
    let xhr = new XMLHttpRequest();
    xhr.open("GET", "ajax/highscore.php?q="+userinput.value, true);
    // send the "username" to $_POST['q'] defined in "highscore.php"
    // and then display the data according to the user's input

    xhr.addEventListener("load", (event) =>
    {
        if (xhr.readyState == 4 && xhr.status == 200) { // display data accordingly }
    });
    xhr.send();
}       

下面是服务器中索引的屏幕截图。 “sample.html”是显示所有数据的页面。

但是，在检查“sample.html”时，我看不到加载的“ajax”文件夹，也看不到任何其他.php 文件，即使我将路径“ajax/().php”更改为“().php”也是如此。 谁能解释为什么会发生这种情况？ （在第二个屏幕截图中，因为父文件夹包含我的服务器名称，所以我覆盖了它）

Answer 1

浏览器开发工具（您正在使用的检查方法）不会列出服务器文件夹中的文件。 它只显示用于加载您的sample.html页面的文件，例如 CSS、直接引用的 JS 文件（带有<script>标签等）等。

如果您的 javascript ajax 方法相应地调用它们并且用户的浏览器可以访问它们，那么您的.php文件可能仍然有效。