使用 Ajax 將 PHP 文件上傳到 HTML 表中

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列表，然后替換ul中已有的html代碼/列表。 當前 ul 中的名稱只是占位符。 但是，所有加載到頁面中的都是占位符名稱，獲取 csv 的代碼沒有任何效果。 有人可以幫我解決這個問題嗎？

Answer 1

嘗試： 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);
}

參考

Answer 2

為什么要有 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>