JavaScript コード内の PHP 変数にアクセスするにはどうすればよいですか?

JavaScript での PHP 変数へのアクセス

多くのプログラマは、JavaScript コード内で PHP 変数にアクセスする必要性に遭遇しました。 PHP と JavaScript は異なる環境で動作しますが、それらの間のデータ交換を可能にする手法があります。

直接的なアプローチ

JavaScript で PHP 変数にアクセスするには、次のようにします。以下に示すように、その値を JavaScript 変数に直感的にエコーしてみます。

<script>
  var jsVariable = <?php echo $phpVariable; ?>;
</script>

残念ながら、このメソッドはそうではありません。 JavaScript は PHP コードを直接解釈できないため、機能します。

JavaScript 文字列へのエコー

回避策としては、PHP 変数を JavaScript 文字列にエコーし、JavaScript の JSON を使用して解析します。 .parse() 関数:

<script>
  var jsVariable = JSON.parse('<?php echo json_encode($phpVariable); ?>');
</script>

ただし、このアプローチには PHP 変数が必要ですプリミティブ データ型 (文字列、数値など) である必要があります。配列やオブジェクトなどの複雑なデータ構造は、JavaScript で解析する前に JSON 文字列にエンコードする必要があります。

AJAX による読み込み

別のオプションは次のとおりです。 AJAX を使用して、サーバーから PHP 変数を非同期的にロードします。この方法は、PHP 変数がページの読み込み時に使用できないが、動的に取得する必要がある場合に特に便利です。

var phpVariable;
var request = new XMLHttpRequest();
request.open('GET', 'get_php_variable.php', true);
request.onload = function() {
  if (request.status === 200) {
    phpVariable = JSON.parse(request.responseText);
  }
};
request.send();

追加の考慮事項

• 次のことを確認してください。 JavaScript コードの破損を避けるために、PHP 変数は適切にエスケープされています。
• PHP 変数に引用符が含まれている場合は、次を使用します。これらをエスケープするには、lashes() または htmlentities() 関数を追加します。
• AJAX リクエストはクロスサイト スクリプティング (XSS) 攻撃に対して脆弱である可能性があるため、実装を保護するために適切な措置を講じてください。

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