Загрузка файла PHP с использованием Ajax (без JQUery) - PullRequest
0 голосов
/ 29 апреля 2020

У меня есть следующий Ajax код в файле html:

<script  type="text/javascript" src="jquery-3.5.0.min.js">
    $.ajax({
        method: "GET",
        url:"nba2019_namelist.php",
        success:function(res) {
            $("#playerNames").html(res)
        }
    })
</script>

Предполагается, что он загружает файл php (который на самом деле просто создает список из CSV), но не работает. Я использую Apache, чтобы сделать php функцию, и когда я go на 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 - единственное решение, просто дайте мне знать, я бы просто не хотел узнавать что-то новое в данный момент, если это не является абсолютно необходимым.

Ответы [ 2 ]

1 голос
/ 02 мая 2020

Я смог решить свою проблему. Я следовал онлайн-уроку, в котором предлагалось изменить мой ванильный тег <script>, содержащий мой код ajax, на чтение <script type="text/javascript" src="jquery.min.js">. Это сделало мой код не функционирующим должным образом.

Чтобы решить эту проблему, я изменил свой тег сценария обратно на ванильный <script>, и вместо этого поместил следующее в нижней части моего <head>: <script type="text/javascript" src="jquery.min.js"></script>

Это позволило моему php коду быть извлеченным из ajax, как и ожидалось.

1 голос
/ 29 апреля 2020

Попробуйте, используя fetch:

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

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...