Je kunt een JSON-bestand van een server laden in JavaScript met behulp van de Fetch API of de ingebouwde `XMLHttpRequest` -functionaliteit.
Hier is een voorbeeld met de Fetch API:
```
fetch(‘https://api.example.com/data.json’)
.then(response => {
if (!response.ok) {
throw new Error(“HTTP error “ + response.status);
}
return response.json();
})
.then(json => {
console.log(json);
})
.catch(function() {
console.log(“Er is een fout opgetreden”);
});
```
In dit voorbeeld wordt `fetch` gebruikt om een verzoek te sturen naar `https://api.example.com/data.json`. Dit retourneert een belofte die wordt opgelost met de Response van het verzoek, ongeacht of de aanvraag succesvol was. U kunt vervolgens `response.json()` aanroepen om een andere belofte te krijgen die wordt opgelost met het resultaat van het parseren van de body tekst als JSON.
Hier is een voorbeeld met `XMLHttpRequest`:
```
var xhr = new XMLHttpRequest();
xhr.open(“GET”, ‘https://api.example.com/data.json’, true);
xhr.onreadystatechange = function () {
if (xhr.readyState 4 && xhr.status 200)
var json = JSON.parse(xhr.responseText);
console.log(json);
}
xhr.send();
```
In dit voorbeeld wordt een nieuwe `XMLHttpRequest` gemaakt. De `open`-methode initialiseert het verzoek, en dan is er een functie die wordt uitgevoerd wanneer `onreadystatechange` gebeurt. De verzoeksstatus van 4 betekent dat het verzoek voltooid is, en de status van 200 betekent dat het succesvol was. Dan wordt de reactie tekst geparseerd als JSON en gelogd naar de console.
