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 :-) -
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
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren AnmeldenSupport us
598
Online32.8k
Benutzer82.7k
Themen1.3m
Beiträge