如何通过单击按钮来显示从api获取的数据？

<button id="getDataButton">点击获取数据</button>

document.getElementById("getDataButton").addEventListener("click", function() {
  // 发送HTTP请求到API的URL
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "API的URL", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理返回的数据
      var responseData = JSON.parse(xhr.responseText);
      // 在页面中显示数据
      document.getElementById("dataContainer").innerHTML = responseData.data;
    }
  };
  xhr.send();
});

<div id="dataContainer"></div>