Загрузите файл PHP в таблицу HTML, используя Ajax

Question

Я очень новичок в HTML / javascript, и я видел множество подобных вопросов, но, похоже, я не могу понять, как это сделать. У меня есть следующий 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>

Ниже есть немного javascript (также в теле того же файла):

<script type = "text/javascript">
    $(document).ready(function(){
        $( "playerNames" ).load( 'nba2019_names.php' );
    });
</script>

И у меня есть следующий код php в отдельном файле, который предназначен для загрузки загружаемого файла CSV. Все эти файлы находятся в одной папке.

$h=fopen('2019_nba_player_names.csv','r');

$data = fgetcsv($h, 1000, ",");

while(($data = fgetcsv($h, 1000, ",")) !== FALSE){
    echo $row."\n";
}

Я пытаюсь сделать так, чтобы информация в csv стала списком html, а затем заменила код / ​​список html. это уже в ул. Имена в текущем ul являются просто местозаполнителями. Однако все, что загружается на страницу, это имена местозаполнителей, и код для получения csv не имеет никакого эффекта. Кто-нибудь может мне помочь с этим?

Answer 1

Почему вообще JS? Сейчас я предполагаю, что в вашем файле .csv есть только куча имен.

<div>
  <ul id="playerNames">
  <?
    $h=fopen('2019_nba_player_names.csv','r');
    while(($data = fgetcsv($h, 1000, ",")) !== FALSE){
      echo "<li>" . $data[0] . "</li>\n";
    }
  ?>
  </ul>
</div>

Answer 2

Попробуйте: ajax код

$.ajax({
      method: GET
      url:"nba2019_names.php",
      success:function(res){
     $("#playerNames").html(res)
      }
    })

php код

$h=fopen('2019_nba_player_names.csv','r');

$data = fgetcsv($h, 1000, ",");

while(($data = fgetcsv($h, 1000, ",")) !== FALSE){
    echo "<li>$row</li>"."\n";
}

обновление : вы можете использовать этот код для получения данных от csv file

$row = 1;
if (($handle = fopen("2019_nba_player_names", "r")) !== FALSE) {
    while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {
        $num = count($data);
        $row++;
        for ($c=0; $c < $num; $c++) {
            echo "<li>$data[$c]</li>";
        }
    }
    fclose($handle);
}

ссылка