json File mit Javacsript in HTML einfügen

Mueller.De · 27. März 2018

Hallo,

ich komme aktuell mit meine Projekt nicht weiter. Es ist bestimmt ein Witz, aber irgendo hänge ich.

Ich habe eine HTML Datei, in der ist JavaScript ist. In dem JavaSript solle eine "test.json" eingelesen werden. Wie kann ich den Inhalt des Files mit JS einfügen. Das wäre schon ein Fortschritt. Wer noch gelangweilt ist, der kann mir noch sagen wie ich auf den Titel aus dem Json File komme und es in HTML ausgebe.

test.json:

Code

{"id":"1","type":"page","status":"current","title":"Test"}

Danke für eure Hilfe!

Sempervivum · 27. März 2018

Das geht relativ einfachemit jQuery.getJSON():

Code

$.getJSON( "deine-json-datei.json", function(data) {
    var id = data.id,
        type = data.type,
        status = data.status,
        title = data.title;
        // So kannst Du auf die einzelnen Element zugreifen
});

json File mit Javacsript in HTML einfügen

Jetzt mitmachen!

Teilen