JSON, ook wel JavaScript Object Notation genoemd, is een lichtgewicht data-interchange formaat dat gemakkelijk voor mensen te lezen en te schrijven is, en gemakkelijk voor machines om te genereren en analyseren. Het is gebaseerd op een subset van de JavaScript programmeertaal en is een tekstformaat dat volledig taalonafhankelijk is, maar gebruik maakt van conventies die bekend zijn bij programmeurs van de C familie van talen, waaronder C, C++, C#, Java, JavaScript, Perl, Python en veel anderen.
JSON wordt vaak gebruikt om data van een server naar een webpagina te sturen.
In JavaScript kun je JSON data op deze manier gebruiken:
1. Stringify een JavaScript object: Je kan een JavaScript object omzetten naar een JSON string door de ingebouwde JSON.stringify() methode te gebruiken.
```
let obj = {a: 1, b: 2, c: 3};
let json = JSON.stringify(obj);
console.log(json); // {a:“b”:2,c
```
1. Parse JSON naar een JavaScript object: Je kan JSON data omzetten naar een JavaScript object door de ingebouwde JSON.parse() methode te gebruiken.
```
let jsonText = ‘{a:“b”:2,c’;
let obj = JSON.parse(jsonText);
console.log(obj); // {a: 1, b: 2, c: 3}
```
1. JSON in een array gebruiken
```
let jsonText = ‘[{naam“Johan”,leeftijd:“naam”:“Peter”,leeftijd’;
let obj = JSON.parse(jsonText);
console.log(obj0.naam); // Johan
console.log(obj1.leeftijd); // 40
```
1. JSON in AJAX: JSON wordt vaak gebruikt in combinatie met AJAX (Asynchronous JavaScript And XML) om data asynchroon van een server te laden.
```
let xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState 4 && this.status 200) {
// typical action to be performed when the document is ready
let response = JSON.parse(xhttp.responseText);
console.log(response);
}
};
xhttp.open(“GET”, “example.json”, true);
xhttp.send();
```
In het bovenstaande voorbeeld wordt een HTTP GET verzoek naar “example.json” gestuurd en de response als JSON data geparsed.
