Javascript 我将这些数据读入我的控制台。我想显示“的；示例标题“；及；“示例正文”；在我的网页上。我该怎么做？

我正在将数据拉入控制台。我现在想在我的网站上显示数据，但不知道如何开始。如何在我的网站中显示“exampleHeader”和“exampleBody”

这就是我将数据加载到控制台的方式

---

您需要将返回的JSON字符串解析为JavaScript对象，如下所示。然后将对象传递给一个函数，该函数将获取标题文本并将其插入页面上的元素中

var request = new XMLHttpRequest();

request.open('GET', '<url>', true);  
request.onreadystatechange = function () {
  if (this.readyState === 4) {    
    insertInDiv( JSON.parse(this.responseText) );
  }
};  
request.send();

function insertInDiv(data) {
  // Grabbing header text
  var bodyText = data.items[0].fields.exampleHeader;
  // Example of inserting text into first div on page
  document.getElementById('demo').innerHTML = bodyText;
}

var-request=new-XMLHttpRequest（）；
打开（'GET'，''，true）；
request.onreadystatechange=函数（）{
如果（this.readyState==4）{
insertInDiv（JSON.parse（this.responseText））；
}
};  
request.send（）；
函数insertInDiv（数据）{
//抓取标题文本
var bodyText=data.items[0]。fields.exampleHeader；
//在第页的第一个div中插入文本的示例
document.getElementById（'demo'）.innerHTML=bodyText；
}

您需要将返回的JSON字符串解析为JavaScript对象，如下所示。然后将对象传递给一个函数，该函数将获取标题文本并将其插入页面上的元素中

var request = new XMLHttpRequest();

request.open('GET', '<url>', true);  
request.onreadystatechange = function () {
  if (this.readyState === 4) {    
    insertInDiv( JSON.parse(this.responseText) );
  }
};  
request.send();

function insertInDiv(data) {
  // Grabbing header text
  var bodyText = data.items[0].fields.exampleHeader;
  // Example of inserting text into first div on page
  document.getElementById('demo').innerHTML = bodyText;
}

var-request=new-XMLHttpRequest（）；
打开（'GET'，''，true）；
request.onreadystatechange=函数（）{
如果（this.readyState==4）{
insertInDiv（JSON.parse（this.responseText））；
}
};  
request.send（）；
函数insertInDiv（数据）{
//抓取标题文本
var bodyText=data.items[0]。fields.exampleHeader；
//在第页的第一个div中插入文本的示例
document.getElementById（'demo'）.innerHTML=bodyText；
}

您能否提供将此记录到控制台的代码，以便我们提供更多信息？您网站的一些HTML可能也会有所帮助，即，您要将此数据输出到的元素。您能否提供将此记录到控制台的代码，以便我们提供更多信息？您网站的一些HTML可能也会有所帮助，即，您要将此数据输出到的元素。在“feilds”行中出现语法错误：{在我看到您更新了问题以包含更多信息后，我已经更新了我的答案，请告诉我这是否有帮助。在我的控制台中，我看到“无法将属性'innerHTML'设置为null”。也非常感谢您的帮助。非常感谢。看看我创建的这把小提琴，它显示了上述代码的一个工作示例-让我知道它是否有助于澄清问题。现在可以工作了。我必须修复一个格式问题。非常感谢您的帮助。似乎是“feilds”行的语法错误：{在我看到您更新了问题以包含更多信息后，我已经更新了我的答案，请告诉我这是否有帮助。在我的控制台中，我看到“无法将属性'innerHTML'设置为null”。也非常感谢您的帮助。非常感谢。看看我创建的这把小提琴，它显示了上述代码的一个工作示例-让我知道它是否有助于清理问题。它正在工作。我必须修复一个格式问题。非常感谢您的帮助。