对json响应进行排序并将排序后的结果显示为网格

// 假设有以下JSON响应
var jsonResponse = [
  { "name": "John", "age": 25 },
  { "name": "Alice", "age": 30 },
  { "name": "Bob", "age": 20 }
];

// 根据"name"键对JSON响应进行排序
jsonResponse.sort(function(a, b) {
  var nameA = a.name.toUpperCase();
  var nameB = b.name.toUpperCase();
  if (nameA < nameB) {
    return -1;
  }
  if (nameA > nameB) {
    return 1;
  }
  return 0;
});

// 创建表格并将排序后的JSON数据填充到表格中
var table = document.createElement("table");
var headerRow = table.insertRow();
var nameHeader = headerRow.insertCell();
nameHeader.innerHTML = "Name";
var ageHeader = headerRow.insertCell();
ageHeader.innerHTML = "Age";

jsonResponse.forEach(function(item) {
  var row = table.insertRow();
  var nameCell = row.insertCell();
  nameCell.innerHTML = item.name;
  var ageCell = row.insertCell();
  ageCell.innerHTML = item.age;
});

// 将表格添加到页面中
document.body.appendChild(table);