在 HTML 表格中显示 googlesheet 数据.... 简单的请求

如何解决在 HTML 表格中显示 googlesheet 数据.... 简单的请求

第一次进来所以要温柔。使用我的 COVID 时间来了解 Web 开发，老程序员，但第 2 周开始学习 HTML 编码……一切顺利，但卡住了……

挑战：从谷歌工作表中提取行并将它们显示在 HTML 表格中的简单代码段，不需要任何花哨的东西，只需要基础知识...希望有人能给我代码，我会从那里取得进展。 ..

已经玩了几天 .getjson 表函数等...

<script>
var dataSource = 
    "https://docs.google.com/spreadsheets/d/1uKbIvTgXtKO-9z-CLXXs585u4fLTX2Qgng4pVPky_kI/edit#gid=0"


 function myFunction() {
    $.getJSON(dataSource,function (data) {
      var sheetData = data.Feed.entry;

      var i;
      for (i = 0; i < sheetData.length; i++) {

        var team = data.Feed.entry[i]['gsx$_cn6ca']['$t'];
        var rider1 = data.Feed.entry[i]['gsx$_cokwr']['$t'];
        var rider2 = data.Feed.entry[i]['gsx$_cpzh4']['$t'];

        document.getElementById("data").innerHTML += ('<tr>'+'<td>'+team+'</td>'+'<td>'+rider1+'</td>'+'<td>'+rider2+'</td>'+'</tr>');

      }
    });


</script>


/* Now display the rows and columns fropm the source */

<p class="font-weight-bold">The data in the table comes from the google spreadsheet</p>

    <table>
      <thead>
        <tr>
          <th>Team</th>
          <th>Rider 1</th>
          <th>Rider 2</th>
          <th>Rider 3</th>
        </tr>
      </thead>
      <tbody ID="data">
      </tbody>
    </table>

我在想，一旦我看到我可以改编的代码……但真的卡住了……