[使用Ajax加载PHP文件（无JQUery）

[使用Ajax加载PHP文件（无JQUery）

我在html文件中具有以下Ajax代码：

<script>
    $.ajax({
        method: "GET",
        url:"nba2019_namelist.php",
        success:function(res) {
            $("#playerNames").html(res)
        }
    })
</script>

这应该加载一个php文件（实际上只是从csv创建一个列表），但是不起作用。我正在使用Apache来使php函数起作用，当我转到http：/localhost/nba2019_namelist.php时，我的列表已存在，因此我可以确定php文件不是问题。 Ajax代码旨在替换以下html列表：

<div>
  <ul id="playerNames">
      <li><b>Harden</b></li>
      <li><b>Giannis</b></li>
      <li><b>Lebron</b></li>
      <li><b>Booker</b></li>
      <li><b>Lavine</b></li>
      <li><b>Westbrook</b></li>
      <li><b>Jokic</b></li>
  </ul>
</div>

但是当我加载页面时，唯一的输出是在这里键入的相同名称，而不是由我的php文件创建的名称。我在这里做错了什么？我需要在Apache httpd.conf中指定要加载的php文件吗？我真的不了解任何Ajax，但是根据我在论坛上看到的内容，它应该可以工作。我在这里做错了什么，接下来该怎么做才能解决此问题？

如果JQuery是唯一的解决方案，请让我知道，除非完全必要，否则我暂时不学习新的知识。

回答如下：

使用获取尝试此操作：

fetch('nba2019_namelist.php')
.then(response=>response.Text())
.then(data => { 
     document.getElementById("playerNames").innerHTML = data;
 });

希望对您有帮助

[使用Ajax加载PHP文件（无JQUery）

我在html文件中具有以下Ajax代码：

<script>
    $.ajax({
        method: "GET",
        url:"nba2019_namelist.php",
        success:function(res) {
            $("#playerNames").html(res)
        }
    })
</script>

这应该加载一个php文件（实际上只是从csv创建一个列表），但是不起作用。我正在使用Apache来使php函数起作用，当我转到http：/localhost/nba2019_namelist.php时，我的列表已存在，因此我可以确定php文件不是问题。 Ajax代码旨在替换以下html列表：

<div>
  <ul id="playerNames">
      <li><b>Harden</b></li>
      <li><b>Giannis</b></li>
      <li><b>Lebron</b></li>
      <li><b>Booker</b></li>
      <li><b>Lavine</b></li>
      <li><b>Westbrook</b></li>
      <li><b>Jokic</b></li>
  </ul>
</div>

但是当我加载页面时，唯一的输出是在这里键入的相同名称，而不是由我的php文件创建的名称。我在这里做错了什么？我需要在Apache httpd.conf中指定要加载的php文件吗？我真的不了解任何Ajax，但是根据我在论坛上看到的内容，它应该可以工作。我在这里做错了什么，接下来该怎么做才能解决此问题？

如果JQuery是唯一的解决方案，请让我知道，除非完全必要，否则我暂时不学习新的知识。

回答如下：

使用获取尝试此操作：

fetch('nba2019_namelist.php')
.then(response=>response.Text())
.then(data => { 
     document.getElementById("playerNames").innerHTML = data;
 });

希望对您有帮助