如何使用json文件加载jquery数据表状态？

[
  {
    "name": "John",
    "age": 25,
    "city": "New York"
  },
  {
    "name": "Jane",
    "age": 30,
    "city": "London"
  },
  {
    "name": "Bob",
    "age": 35,
    "city": "Paris"
  }
]

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

$(document).ready(function() {
  $.ajax({
    url: "data.json",
    dataType: "json",
    success: function(data) {
      var table = $("#dataTable tbody");
      $.each(data, function(index, row) {
        var newRow = $("<tr>");
        newRow.append($("<td>").text(row.name));
        newRow.append($("<td>").text(row.age));
        newRow.append($("<td>").text(row.city));
        table.append(newRow);
      });
    }
  });
});