如果我从json文件中获取数据并将其放入html表中，如何在ajax中使用click事件

<table id="data-table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

$(document).ready(function() {
  $('#button').click(function() {
    $.ajax({
      url: 'data.json',
      dataType: 'json',
      success: function(data) {
        // 在成功获取数据后的回调函数中，将数据放入表格中
        populateTable(data);
      },
      error: function() {
        alert('Failed to fetch data from JSON file.');
      }
    });
  });
});

function populateTable(data) {
  var tableBody = $('#data-table tbody');
  tableBody.empty(); // 清空表格内容

  // 遍历数据并创建表格行
  $.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);
  });
}

<button id="button">Load Data</button>