当我从 URL 获取 json 数据时，它什么也不显示答案

【问题标题】：When I get json data from URL its show me nothing当我从 URL 获取 json 数据时，它什么也不显示
【发布时间】：2020-04-09 19:12:02
【问题描述】：

在控制台中，它们显示了数组，但是当我想在我的 HTML 页面上显示它们时，它什么也没显示。我想从 URL(https://my-json-server.typicode.com/journeymanavi/mock-json-api/posts ) & 在 HTML 页面上显示数据。

$.getJSON( "https://my-json-server.typicode.com/journeymanavi/mock-json-api/posts", function( data ) { 
    var jsonObj = JSON.parse(data); 
    //document.getElementById("mypanel").innerHTML = myObj.title; 
    console.log(data); 
});

【问题讨论】：

getJSON 已经解析了传入的数据。这就是使用它的全部要点。删除您的JSON.parse(data)
同样去你的端点，你的标题实际上会被data[0].title访问
输入代码时，请确保按回车键将其与文本的其余部分分开，然后缩进 4 个空格。

标签： javascript jquery arrays json

【解决方案1】：

因为 myObj 不是在您需要使用数据的任何地方初始化的变量。这还包含一个数组，因此您不能只使用“.title”，而是需要选择数组的第一个元素，然后选择标题：“[0].title” 所以它应该是这样的：

$.getJSON( "https://my-json-server.typicode.com/journeymanavi/mock-json-api/posts", function( data ) { 
    document.getElementById("mypanel").innerHTML = data[0].title; 
});

【讨论】：

谢谢。它对我有用。我是 javascript 新手，所以会发生一些错误。
当我获取已发布的数据值时显示错误 Uncaught ReferenceError: on is not defined。 document.getElementById("published").innerHTML = data[0].published-on;