JSやjQueryにPHPの値を渡す方法

更新日：2022年11月14日

JavaScriptやjQueryをPHPと連携出来ないものか…と考えたことありませんか。
でも何だかややこしそうだし難しそう…と思いがちですが、実はとっても簡単です。
今回の記事では、JavaScriptやjQueryにPHPの値を渡す方法をご紹介します。

例えばHTMLには以下のように記述します。

りんごが表示されます
バナナが表示されます

次にPHPには以下のように記述します。

そしてこれがjQueryにPHPの値を受け渡す書き方の結論になりますが、例えばjQueryには以下のように記述します。

ごたごた書いておりますが、jQueryにPHPの値を渡す記述は以下の一文だけです。
mode = "<?php echo $mode; ?>";
const modeの「mode」は変数名になるので、任意の文字列で結構です。
また、$modeには今回の例でいうとappleが入っています。

そうです！ただjQueryのソースコード内にPHPのソースコードを埋め込んでecho（出力）するだけでいいんです。
知らない人からしたら「そんな使い方出来るの？」って驚く記述かと思います。私も初めて知った時は衝撃的でした。

これらのHTML、PHP、jQueryの記述を書くとどうなるかというと、
りんごが表示されます
と表示されます。
バナナが表示されますは非表示となります。

こんな感じでjQueryの中にPHPを入れ込むことが出来ました。
これを知っているとプログラミングの幅も広がるはず。
是非ご活用下さい！