<img src= JSON

[balou17]

Hallo zusammen,

ich habe folgendes Problem:
Ich habe ein JSON-Objekt

var reData = { "data":[
{"name" : "Produkt1",
"imgURL" : "Produktbilder/bild1.jpg",
"preis" : 100
},
{"name" : "Produkt2",
"imgURL" : "Produktbilder/bild2.jpg",
"preis" : 100
}]}

Anschließend möchte ich eine Tabelle erstellen, in der der "name", ein Bild, was unter "imgURL" liegt und der Preis angezeigt wird erstellen. Das funktioniert auch bis auf das Bild.
So möchte ich das Bild einfügen:

document.writeln("<td>" + "<img src= reData.data[0].imgURL width='100' height='100' alt='bild'>" + "</td>");

Dann wird die Tabelle garnicht angezeigt..

Kann da jemand weiterhelfen?

Danke!

 

[threadi]

Wenn Du die JavaScript-Konsole anschaust, solltest Du ggfs. sehen, ob es einen JavaScript-Fehler gab.

In deinem Quellcode sehe ich aktuell bereits mehrere Probleme. Du versuchst JavaScript-Variablen mit Strings zu verketten, das aber in einer falschen Reihenfolge. So wäre es richtig:

document.writeln("<td><img src='" + reData.data[0].imgURL + "' width='100' height='100' alt='bild'></td>");

Moderation: Topic von HTML zu JavaScript verschoben. Bitte nächstes Mal mehr drauf achten wo Du was eröffnest.

 

[balou17]

Vielen Dank, so funktioniert es!