循环遍历AJAX

Question

如何在AJAX中循环遍历多个JSON对象？是否可以通过按钮点击事件在javascript中执行此操作？

我发现了以下代码，但它存在按钮不会消失的问题，并且JSON继续生成具有相同JSON内容的军队并继续追加到div：

function x() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
      var employees = JSON.parse(xhr.responseText);
      for (var i = 0; i < employees.length; i++) {
        employee = employees[i];
        document.getElementById("demo").innerHTML += '<br>' + employee.name;
      }
    }
  };
  xhr.open("GET", "json_example_2.json", true);
  xhr.send();
}

<div id="demo">
  <button id="bg" type="button" onclick="x()">Change Content</button>
</div>