JavaScriptを使ってJSONから画像を取得する方法

Question

下記のようにJSONに画像のパスを記入し、その画像をWebページ上で表示する方法がわかりません。

{
  "data": [
    [
      "/image/test.png"
    ]
}

インターネット上で調べてはみたのですがどれも専門用語や他の事も織り交ぜての説明だったため私では理解することができませんでした。

ご回答お待ちしております。

Answer 1

JSON.parseすれば取れますが
書いてあるJSONデータがおかしい気がします。

]が１つ多いと仮定すると、

var p = JSON.parse('{"data":["/image/test.png"]}');
console.log(p.data);

で取れます。

あとはあてたいところに指定すればOKですね。

Comments

[nyaaaa]

申し訳ありません、私の打ち間違えです。
無事に表示させることができました。
ご回答ありがとうございました

[yuki-saito]

よかったです！＾＾