Um eine JSON-Datei von einem Server in JavaScript zu laden, können Sie die eingebaute `fetch` Funktion nutzen, die zur Fetch API gehört. Diese ermöglicht Ihnen das Senden von Netzwerkanfragen an Server und das Laden von Ressourcen.
Hier ist ein einfaches Beispiel, wie man dies tun könnte:
```javascript
fetch(‘http://server.com/datei.json’)
.then(response => response.json())
.then(data => console.log(data))
.catch((error) => {
console.error(‘Error:’, error);
});
```
Dieser Code führt eine GET-Anfrage an einen Server durch, um eine Datei namens “datei.json” zu erhalten. Die Fetch-Funktion gibt ein Promise zurück, das auf eine Response-Instanz führt, wenn es erfüllt wird.
Die `response.json()` Methode liest den Body der Antwort und gibt ein weiteres Promise zurück, das das resultierende JSON analysiert.
Wenn das JSON erfolgreich analysiert wurde, verwenden wir die Daten im nächsten `then` Block.
Der `catch` Block am Ende fängt alle Fehler ab, die während der Anfrage und beim Analysieren der Daten auftreten können.
Bitte beachten Sie, dass `fetch` nur in modernen Browsern verfügbar ist. Zum Unterstützen von älteren Browsern können Sie eine Polyfill wie `fetch-ie8` oder eine Bibliothek wie `axios` in Betracht ziehen.
Beachten Sie auch, dass die Fetch API `CORS` (Cross-Origin Resource Sharing) beachtet, was bedeutet, dass Sie standardmäßig keine Ressourcen von einer anderen Domain laden können, es sei denn, der Server sendet die geeigneten CORS-Header.
