Когда я получаю json данных из URL, я ничего не показываю

Question

В консоли они показывают массив, но когда я хочу показать их на моей странице 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); 
});

Answer 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; 
});