Json Datei mit HTML Datei vebinden
-
Hallo!
Ich habe ein Problem. Meine HTML Datei sieht wie folgt aus:<!DOCTYPE html> <html> <head> <title>JSON Script</title> </head> <body> <script> // JSON-Datei laden fetch('C:\Users\HUQ3FE\Documents\HTML Übungen\json1.json') .then(response => response.json()) // JSON-Inhalt als Objekt lesen .then(data => { // Code aus JSON ausführen eval(data.code); }) .catch(error => console.error('Fehler beim Laden der JSON-Datei:', error)); </script> <p id="demo"></p> </body> </html>Meine Json Datei:
{ "code": "document.getElementById('demo').innerHTML = 5 + 6;" }Eigentlich sollte, wenn ich die HTML datei öffne im Browser, die Zahl 11 erscheinen. Aber das klappt nicht. Chat GPT hat leider auch nicht geholfen... Vielleicht weiß hier jemand mehr
Danke
-
Ein Browser kann nicht auf einen lokalen Pfad zugreifen.
Dazu wird ein Webserver benötigt der die Datei dann übermittelt. Dann kann auch fetch verwendet werden
Aber dann mit http/https protokoll
