将jquery ajax (json)追加到表中

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

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容将通过ajax请求动态添加 -->
  </tbody>
</table>

$(document).ready(function() {
  $.ajax({
    url: 'data.json', // 替换为实际的数据接口URL
    dataType: 'json',
    success: function(data) {
      var tableBody = $('#myTable tbody');
      $.each(data, function(index, item) {
        var row = $('<tr>');
        row.append($('<td>').text(item.name));
        row.append($('<td>').text(item.age));
        row.append($('<td>').text(item.city));
        tableBody.append(row);
      });
    }
  });
});