Q&A
ご回答頂き、ありがとうございました。
sample.phpに、
<script>
var terms = <?php echo $terms ?> ;
</script>
と記述して、対応することができました。
PHPで変数に設定した値を別のJavascriptファイルで読み込むことはできますか？
下記のように、sample.phpで、$terms=30と設定しています。
lang
1/* sample.php */ 2<script src="sample.js"></script> 3<?php 4$terms = 30 ; 5?>
そして、今のところ、sample.phpに読み込ませているsample.jsでもterms=30として、何とか対応はしています。
lang
1/* sample.js */ 2var terms = 30;
sample.phpの$termsの数字だけを変えれば、sample.jsのtermsも同じ数字になるようにしたいです。
別ファイルのPHPの変数の値を、Javascript側でも取得することができないかと考えています。
そのような方法をご存じの方、ご教示頂ければ幸いです。
もし、逆に、Javascript側で設定した値を、PHP側で取得することならできるということであれば、そのような方法でも結構です。
どうぞよろしくお願い致します。
回答2件
0
ベストアンサー
javascript in html な文脈に PHP から値を出力するときは常に json_encode したほうが良いでしょう。
lang
1<?php 2$terms = "<script>alert(1)</script>"; 3?> 4<html> 5<head> 6<script> 7var terms = <?= json_encode($terms) ?>; 8</script> 9</head> 10<script src="sample.js"></script> 11<script> 12 console.log(terms); 13</script>
あるいは適用な要素の属性値に入れてしまうという方法もあります。
lang
1<?php 2$terms = "<script>alert(1)</script>"; 3?> 4<html> 5<head> 6<script id="data" data-terms="<?= htmlspecialchars($terms)?>"></script> 7</head> 8<script src="sample.js"></script> 9<script> 10 var terms = document.getElementById('data').getAttribute('data-terms'); 11 console.log(terms); 12</script>
（JSON とかが無かった時代はこの方法がよく使われていたような気がする）
（もっともその時代に data-* アトリビュートは無かったので input の type=hidden とかを使ってましたが）
もし terms という値が定数的なもの（30 と値がベタ書きされていてアプリケーション内で変更されることがない）のであれば、php のソースファイルから js のコードを静的に生成する方法も考えられます。
例えば次のように定数を定義するためのクラスを作り、
lang
1<?php 2class AppConst 3{ 4 const terms = 30; 5 6 public static function buildJavaScript() 7 { 8 $ref = new ReflectionClass(__CLASS__); 9 $json = json_encode($ref->getConstants()); 10 echo "var AppConst = $json;\n"; 11 } 12}
下記のコードの実行結果を const.js などと保存しておきます。
lang
1<?php 2AppConst::buildJavaScript();
PHP 側ので terms の値が欲しければ次のようにします。
lang
1<?php 2$terms = AppConst::terms;
JS 側で欲しければ次のような感じです。
lang
1<html> 2<head> 3<script src="const.js"></script> 4</head> 5<script> 6var terms = AppConst.terms; 7console.log(terms); 8</script>
投稿2015/03/08 02:41
編集2015/03/08 14:33
総合スコア4514
0
あまり行儀はよくありませんので多用はしないほうが良いですが、
グローバル変数を使うのが手っ取り早いですね。
これで、sample.jsの中でtermsが使えます。
投稿2015/03/07 15:45
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/03/08 14:26