如何使用ajax从多个自定义表格中获取数据

$(document).ready(function() {
  // 定义一个数组来存储获取到的数据
  var data = [];

  // 发送Ajax请求获取数据
  $.ajax({
    url: 'your_data_source_url',  // 替换为你的数据源URL
    type: 'GET',
    dataType: 'json',
    success: function(response) {
      data = response;  // 将获取到的数据存储到数组中

      // 调用函数来填充表格数据
      populateTables();
    },
    error: function(xhr, status, error) {
      console.log(error);  // 打印错误信息
    }
  });

  // 填充表格数据的函数
  function populateTables() {
    // 遍历每个表格
    $('table').each(function() {
      var tableId = $(this).attr('id');  // 获取当前表格的ID
      var tableData = data[tableId];  // 根据表格ID获取对应的数据

      // 遍历数据并创建表格行
      $.each(tableData, function(index, item) {
        var row = $('<tr></tr>');

        // 遍历数据项并创建表格单元格
        $.each(item, function(key, value) {
          var cell = $('<td></td>').text(value);
          row.append(cell);
        });

        // 将行添加到表格中
        $('#' + tableId).append(row);
      });
    });
  }
});

<table id="table1">
  <!-- 表格内容 -->
</table>

<table id="table2">
  <!-- 表格内容 -->
</table>