XMLHttpRequest排序数据，无需额外请求

Question

我正在使用标准XMLHttpRequest从API获取一些JSON数据。最初我显示所有数据（未过滤）。当点击按钮时，我想按特定的genre排序。

如何在不重新请求数据的情况下对用户点击数据进行排序？除非我弄错了，否则你不能将返回的数据存储在全局变量中？最好是在本地数据中对其进行排序吗？

app.js

// Get data from API
makeRequest(url)
.then(function (data) {
  // Render ALL data from API
  renderData(data);
})

的index.html

<button type="button" class="btn btn-secondary" onclick="sortByGenre('rock')">Rock</button>

JSON数据

[{
  "date": {
    "dayOfWeek": "Thursday",
    "month": "Oct"
  },
  "location": "Bristol",
  "genre": "rock"
}, {
  "date": {
    "dayOfWeek": "Cardiff",
    "dayOfMonth": 13,
    "month": "Oct"
  },
  "location": "Manchester",
  "genre": "jazz"
}]

谢谢

Answer 1

您可以将返回的数据存储到变量中 - 它不需要额外的请求。