Javascript 来自get请求的JSON未正确返回

我正在运行Heroku服务器，并试图更改网站上的innerHTML，以显示从服务器上的端点收集的某些统计信息：

var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.send();
xhr.onreadystatechange = processRequest;

var element = document.getElementById('change');
element.innerHTML = xhr.valueinJSON;

function processRequest(e) {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var response = JSON.parse(xhr.responseText);
    alert(response.ip);
  }
}

---

我的脚本标记包含上述内容，尽管端点在Postman中正常工作，但JSON始终为空。有什么建议吗？

我不确定

valueinJSON

是否来自我不熟悉的API，但我找不到它的参考。无论哪种方式，您都需要在异步函数中更改

innerHTML

，如下所示：

if (xhr.readyState == 4 && xhr.status == 200) {
   var response = JSON.parse(xhr.responseText);
   var element = document.getElementById('change');
   element.innerHTML = response

}

您正试图在浏览器有机会下载之前设置

innerHTML

这假设不存在CORS问题。您应该检查浏览器的控制台以确保没有错误。

您可以运行

console.log（xhr.responseText）

并在问题中显示结果吗？