JavaScriptでPHP実行する方法

質問

質問させて頂きます。

現在、JavaScriptを用いて、DB内に登録されている画像を読み込み（複数の中から1つ）表示させたいと考えています。

JavaScriptを用いて画像を読み込み表示させるといった実装を行ったことが無いので、一般的に行われてる方法を教えて頂けないでしょうか。

私の考えている方法としては、
HTMLファイル上のJavaScriptでajaxというものを用いてPHPを実行させ、PHP上でDBの中から画像情報をランダムでひとつ読み込み、その情報をHTMLにjsonで返して表示させるという方法を使用するべきなのかと考えています。

ですが、ajaxという方法を使用したことが無いため、この方法が正しいのか、他に良い方法があるのではないかと不安になり質問させて頂きました。

もし何か良い方法をご存知の方がいらっしゃいましたら、ご教授お願いいたします。
また、質問に不備な点などあるかもしれませんので、その際はご指摘下さい。

よろしくお願いいたします。

回答No.1

yambejp · ベストアンサー

＞JavaScriptでajaxというものを用いてPHPを実行させ

このケースはajaxは必要ないかと

<img src="loadimage.php?id=xxx">

的な表記をしておき、別の画像を表示したいときは該当するimgの
srcを書き換えるだけでよいでしょう

なおloadimage.phpの中では、httpヘッダをつけた上で、
dbにアクセスして該当するidの内容を出力すればよいでしょう

お礼

回答頂きありがとうございます。

そういった方法もあるのですね。
とても参考になります。

実際に回答頂いた方法も使用してみたいと思います。

回答No.2

b0a0a

まあsrcを書き換えて画像が一旦消え、読み込んで表示されるまでのラグが気になるのであればXHRを使ってもいいかも。どうせ10行くらいでできるものだし。
ただしJSONは一般にバイナリを含めないので、もし画像データと情報を同時に返したいという場合は工夫が必要。

画像データと情報を同時に返したいのかが知りたい。

補足

回答頂きありがとうございます。

>画像データと情報を同時に返したいのかが知りたい。

無知な確認で申し訳ないのですが、画像データと情報とはどういうことでしょうか？
私の考えとしては、ページを表示するたびに、画像を表示させることが出来るシンプルなものをと考えております。