[PHP] 外部のJavaScriptファイルでPHPの変数を参照する方法

photo_00058

PHPから外部のJavaScriptに値を渡す方法についてです。PHPファイルの中に直接JavaScriptを記載していて、JavaScriptファイルを外部に持っていこうとすると、値が参照できなくなります。外部JavaScriptに値を渡すには少し工夫が必要です。

準備

まず、公開ディレクトリに「sample.js」というファイルを作り、その中に下記のソースを記載します。

値がうまく渡った場合、アラートとコンソールに値が出力されるようになります。

テキスト・数値等の渡し方

配列ではないテキストや数値等の渡し方は簡単です。

6行目でJavaScriptの変数 sample に PHPの変数の値を代入しています。(右辺はPHPで値をechoするだけ)
これだけでPHPからJavaScriptに値を渡すことができます。

配列の渡し方

配列データを渡すには一工夫必要になります。

3行目でPHPの配列をjsonに変換しています。変換は json_encode(変数)とするだけなので簡単です。
7行目でjson化されたデータをパースしてJavaScriptの変数に代入しています。

  • Categories

  • タグ

  • アーカイブ

  • 最近の投稿