外部 JavaScript ファイルから PHP 変数にアクセスするにはどうすればよいですか?

外部 JavaScript ファイルからの PHP 変数へのアクセス

PHP スクリプトは、動的対話のためにデータを JavaScript コードに渡す必要があることがよくあります。 PHP 変数をインライン JavaScript ブロック内に埋め込むのは簡単ですが、外部 JavaScript ファイルからアクセスするのは困難です。

従来の方法: インライン JavaScript

インライン JavaScript では、次のように PHP 変数に直接アクセスできます:

<script type="text/javascript">
  alert("fruit: " + "<?php echo $fruit; ?>");
</script>

ただし、JavaScript が外部ファイルからロードされる場合、このアプローチは機能しません。

外部 JavaScript アクセス

外部 JavaScript ファイル内の PHP 変数にアクセスするには、PHP 処理中に JavaScript コードに変数を挿入する必要があります。 1 つの方法では、PHP 変数を JavaScript グローバルとして動的に追加します。

<?php
  $color = "Red";
?>
<script type="text/javascript">
  var color = "<?php echo $color; ?>";
</script>

この場合、color は外部 JavaScript ファイル内で使用できるグローバル変数になります。

代替方法

もう 1 つのオプションは、同じ PHP スクリプト内の JavaScript コード内に PHP 変数を埋め込むことです。

<script type="text/javascript">
  var color = "<?php echo $color; ?>";

  (function() {
    // JavaScript code using `color`
  })();
</script>

このアプローチでは、JavaScript コードがそのスコープ ブロック内でのみ PHP 変数にアクセスできるようになります (グローバル JavaScript 名前空間を汚染することなく (function() { ... })()) を実行できます。

これらの手法を利用すると、PHP の機能を活用して外部ファイルに JavaScript 変数を設定し、相互運用性を強化できます。サーバー側とクライアント側のコード。

以上が外部 JavaScript ファイルから PHP 変数にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。