如何使用jquery在HTML表格中显示json内容

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<table id="myTable"></table>

$(document).ready(function() {
  $.getJSON("data.json", function(data) { // 替换"data.json"为你的JSON数据文件路径
    var table = $("#myTable");
    
    // 创建表头
    var thead = $("<thead></thead>");
    var headerRow = $("<tr></tr>");
    $.each(data[0], function(key, value) {
      headerRow.append($("<th></th>").text(key));
    });
    thead.append(headerRow);
    table.append(thead);
    
    // 创建表格内容
    var tbody = $("<tbody></tbody>");
    $.each(data, function(index, item) {
      var row = $("<tr></tr>");
      $.each(item, function(key, value) {
        row.append($("<td></td>").text(value));
      });
      tbody.append(row);
    });
    table.append(tbody);
  });
});