如何在 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() 解析它function:

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

但是，這種方法要求PHP 變數是原始資料型態（字串、數字、 ETC。）。複雜的資料結構，例如陣列和對象，需要先編碼為 JSON 字串，然後才能在 JavaScript 中解析。

使用 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();

其他注意事項

• 確保PHP 變數已正確轉義以避免破壞 JavaScript 程式碼。
• 如果 PHP 變數包含引號，請使用addslashes()或 htmlentities() 函數來轉義它們。
• AJAX 請求可能容易受到跨網站腳本 (XSS) 攻擊，因此請採取適當的措施來保護您的實作。

以上是如何在 JavaScript 程式碼中存取 PHP 變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！