Czy może ktoś mi pomóc przy wrzuceniu danych z pliku JSON na stronę HTML
W skrypcie wyskakuje błąd przy var myObj = JSON.parse(data)
Całość znajduje się w załączniku.
To jest skrypt:
function loadJSONDoc() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
jsonFunction(this.responseText);
}
};
xmlhttp.open("GET","data.JSON", true);
xmlhttp.send();
}
function jsonFunction(data) {
var i;
var myObj = JSON.parse(data);
var dataTable= myObj.data;
data += "<h2>Tytuł książki: " + myObj.title + " </h2>";
data += "<h3>Autor: " + myObj.author + " </h3>";
data += "<h3>Data publikacji: " + myObj.publish_date + " </h3>";
data += "<h3>Kategoria: " + myObj.category + " </h3>";
document.getElementById("jsonContent").innerHTML = data;
}
loadJSONDoc();
** tu jest plik ''data.JSON'':**
[
{
"id":"bk101",
"title":"Sezon Burz",
"description": {
"author":"Sapkowski, Andrzej",
"publish_date":"2012-07-06",
"category":"Fantasy"
}
},
{
"id":"bk102",
"title":"Pan Tadeusz",
"description": {
"author":"Mickiewicz,Adam",
"publish_date":"1834-06-28",
"category":"Klasyka"
}
},
{
"id":"bk103",
"title":"Hobbit, czyli tam i z powrotem",
"description": {
"author":"Tolkien, John Ronald Reuel",
"publish_date":"1937-09-21",
"category":"Fantasy"
}
},
]