JSON
JavaScript Object Notation - format pro ukládání a posílání dat
Velice často používán např. pro posílání dat ze serveru na klienta
Syntax:
{
"klic": "hodnota"
}
Konvertování z JSON textu na JS Object
let data = '{ "count": 2, "books": [ {"name": "Hewi Potah", "year": 1986 }, { "name": "Da Lod of Da Ringos", "year": 1946 } ]}';
let convertedData = JSON.parse(data); // konvertuje z JSON textu na JS object
Editor
Pro živou ukázku je CSS a JavaScript vepsaný přímo v dokumentu - v praxi tyto soubory vždy oddělujte do externích souborů
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="text">
</p>
<script>
const text = document.getElementById('text');
let data = '{ "count": 2, "books": [ {"name": "Hewi Potah", "year": 1986 }, { "name": "Da Lod of Da Ringos", "year": 1946 } ]}';
let convertedData = JSON.parse(data); // konvertuje z JSON textu na JS object
text.innerHTML = `Počet knížek: ${convertedData.count}`;
convertedData["books"].forEach((book) => { text.innerHTML += `<p> Název: ${book.name}, rok: ${book.year} </p>`});
</script>
</body>
</html>
Page
PS: Logy se zobrazují v konzoli - F12 - console