使用jquery从表中显示生成的数据

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>城市</th>
    </tr>
  </thead>
  <tbody>
    <!-- 这里将动态生成的数据放入 -->
  </tbody>
</table>

$.ajax({
  url: 'your_api_endpoint', // 替换成你的 API 地址
  method: 'GET',
  success: function(data) {
    // 数据获取成功后的处理逻辑
    // 这里假设服务器返回一个包含数据的数组对象，每个对象包含姓名、年龄和城市属性
    $.each(data, function(index, item) {
      // 动态生成表格行并将数据填充进去
      var row = $('<tr></tr>');
      row.append($('<td></td>').text(item.name));
      row.append($('<td></td>').text(item.age));
      row.append($('<td></td>').text(item.city));
      
      // 将生成的行添加到表格中
      $('#myTable tbody').append(row);
    });
  },
  error: function() {
    // 数据获取失败时的处理逻辑
    console.log('获取数据失败');
  }
});