如何通过URL使用JSON数据集填充HTML表

// 获取JSON数据集
axios.get('https://example.com/data.json')
  .then(function (response) {
    // 解析JSON数据集
    var jsonData = response.data;

    // 构建HTML表格
    var table = document.createElement('table');
    var thead = document.createElement('thead');
    var tbody = document.createElement('tbody');

    // 构建表头
    var headerRow = document.createElement('tr');
    Object.keys(jsonData[0]).forEach(function (key) {
      var th = document.createElement('th');
      th.textContent = key;
      headerRow.appendChild(th);
    });
    thead.appendChild(headerRow);
    table.appendChild(thead);

    // 填充表格数据
    jsonData.forEach(function (data) {
      var row = document.createElement('tr');
      Object.values(data).forEach(function (value) {
        var td = document.createElement('td');
        td.textContent = value;
        row.appendChild(td);
      });
      tbody.appendChild(row);
    });
    table.appendChild(tbody);

    // 将表格添加到页面中的指定元素
    document.getElementById('table-container').appendChild(table);
  })
  .catch(function (error) {
    console.log(error);
  });