如何從外部 JavaScript 檔案存取 PHP 變數？

從外部 JavaScript 檔案存取 PHP 變數

PHP 腳本通常需要將資料傳遞給 JavaScript 程式碼以進行動態互動。雖然在內聯 JavaScript 區塊中嵌入 PHP 變數很簡單，但從外部 JavaScript 檔案存取它們卻是一個挑戰。

傳統方法：內聯JavaScript

在內聯JavaScript 中，您可以像這樣直接存取PHP 變數：

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

但是，當從外部檔案載入JavaScript 時，這種方法將無法運作。

外部 JavaScript 存取

要存取外部 JavaScript 檔案中的 PHP 變量，您需要在 PHP 處理期間將它們注入到 JavaScript 程式碼中。一種方法涉及動態添加 PHP 變數作為 JavaScript 全域變數：

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

在這種情況下，顏色成為外部 JavaScript 檔案中可用的全域變數。

替代方法

另一個選擇是將PHP 變數嵌入到同一個PHP 腳本中的JavaScript 程式碼中：

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

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

這種方法確保JavaScript 程式碼只能在其作用域區塊內存取PHP 變數（ (function() { ... })()) 而不污染全域JavaScript命名空間。

透過利用這些技術，您可以利用 PHP 的強大功能來填充外部文件中的 JavaScript 變量，從而增強之間的互通性您的伺服器端和客戶端程式碼。

以上是如何從外部 JavaScript 檔案存取 PHP 變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！