以下是一个使用 Ajax 更新并添加到表格的示例代码：

HTML:

  
  
  


  

    

      

        
姓名
        
年龄
      
    
    

      
    
  

  添加行

JavaScript (script.js):

$(document).ready(function() {
  // 页面加载完成后执行以下代码

  // 通过 Ajax 获取数据并动态添加到表格
  $.ajax({
    url: 'data.json', // 数据源文件的 URL
    dataType: 'json',
    success: function(data) {
      $.each(data, function(index, person) {
        // 创建一个新行
        var newRow = $('');
        newRow.append('' + person.name + '');
        newRow.append('' + person.age + '');

        // 将新行添加到表格中的 tbody 部分
        $('#myTable tbody').append(newRow);
      });
    }
  });

  // 点击按钮时触发的事件
  $('#addButton').click(function() {
    // 创建一个新行
    var newRow = $('');
    newRow.append('New Person');
    newRow.append('25');

    // 将新行添加到表格中的 tbody 部分
    $('#myTable tbody').append(newRow);
  });
});

JSON (data.json):

[
  {
    "name": "John Doe",
    "age": 30
  },
  {
    "name": "Jane Smith",
    "age": 25
  }
]

这个示例代码中，通过 Ajax 获取一个 JSON 数据源文件（data.json），然后将数据动态添加到表格中。页面加载完成后，通过 Ajax 请求获取数据，并使用 $.each 遍历数据，创建新的表格行并将其添加到表格的 tbody 部分。同时，还有一个按钮，点击按钮时会添加一个新的表格行。