【PHP】データベースから得たデータをJavascriptで使う

PHPでデータベースのデータを取得し、そのデータをJavascriptで使う方法です。

EOMで囲む

• PHPファイルにJavascriptを記述します。
• Javascript は『echo <<< EOM』と 『EOM;』の間に記述する。
• PHPで定義した数値(例: $value[0])はそのまま記述する。

EOMはEnd of Messageの略です。

下記がコードの一例です。

<?php

echo <<<EOM

<script>

var numbers= $value[0];

</sciript>

EOM;

?>

配列は json_encode を使う

上記の例では配列の1要素だけでしたが、PHPで得た配列を Javascriptでどのようにして渡すかというと、json_encodeという関数で変換します。

下記がコードの一例です。

<?php

$array = ['baseball', 'basketball', 'football'];
$array2 = json_encode($array);
print $array2;    // 出力結果: ["baseball","basketball","football"]

echo <<<EOM

<script>

var numbers= $array2;

</sciript>

EOM;

?>

おわりに

json_encodeというのは、まさにJavascriptでの配列を使用する為に作られた関数ですね。必ず覚えておきたい関数です。