JS 調用 PHP 變量 JS 作為一種客戶端腳本語言，常用于處理動態效果。而 PHP 作為一種服務端腳本語言，主要用于后端處理數據。在實際開發過程中，我們經常遇到需要在 JS 中使用 PHP 定義的變量的情況。本文將詳細介紹如何在 JS 中調用 PHP 變量。 在 PHP 中定義變量 在 PHP 中，我們可以使用 $ 符號來聲明變量。變量名一般以字母或下劃線開頭，可以包含字母、數字和下劃線。下面是 PHP 中定義變量的示例代碼：

<?php
$name = "Tom";
$age = 20;
?>

以上代碼定義了兩個變量：$name 和 $age。$name 的值為 "Tom"，$age 的值為 20。 在 HTML 中調用 PHP 變量 我們可以在 PHP 中使用 echo 函數輸出變量值。將 PHP 代碼嵌入 HTML 中，就可以在我們的頁面上調用變量了。下面是一個簡單的示例代碼：

<?php
$name = "Tom";
$age = 20;
?><p>My name is <?php echo $name; ?>and I am <?php echo $age; ?>years old. </p>

以上代碼輸出了一個段落，其中包含了 $name 和 $age 變量的值。輸出結果如下：

My name is Tom and I am 20 years old.

在 JS 中調用 PHP 變量 要在 JS 中調用 PHP 變量，我們需要先了解幾個概念：AJAX 和 JSON。 AJAX（又稱異步 JavaScript 和 XML）是一種在不重新加載整個頁面的情況下，與服務器交換數據并更新部分網頁的技術。通過 AJAX，我們可以異步地獲取數據并在頁面中進行操作。下面是一個簡單的 AJAX 請求代碼：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.open("GET", "data.php", true);
xhr.send();

以上代碼創建了一個 XMLHttpRequest 對象，并向服務器發起了一個 GET 請求。如果請求成功返回，我們可以從 xhr 對象中獲取服務器返回的數據。在這里，我們會輸出服務器返回的數據到瀏覽器控制臺。 JSON（JavaScript 對象表示法）是一種數據格式，它可以把一組數據封裝成一個對象。在傳遞數據時，我們可以把數據轉換為 JSON 格式，讓數據更易于傳輸和處理。下面是一個簡單的 JSON 數據示例：

{
"name": "Tom",
"age": 20
}

以上代碼定義了一個包含 name 和 age 兩個屬性的 JSON 對象。 在 JS 中調用 PHP 變量的實現方式可以分為兩種： 1. 使用 AJAX 請求，將 PHP 數據轉換為 JSON 格式后，通過 AJAX 請求獲取 JSON 數據，在前端將 JSON 數據解析為 JS 變量，從而實現調用 PHP 變量的目的。 2. 將 PHP 數據直接輸出到 JS 代碼中，通過 JS 代碼將 PHP 數據解析為 JS 變量，從而實現調用 PHP 變量的目的。 以下是兩種方法的示例代碼： 方法一： _PHP 代碼_

<?php
$name = "Tom";
$age = 20;
$data = array(
"name" =>$name,
"age" =>$age
);
echo json_encode($data);
?>

_JS 代碼_

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data.name);
console.log(data.age);
}
};
xhr.open("GET", "data.php", true);
xhr.send();

以上代碼通過 AJAX 請求獲取了 PHP 輸出的 JSON 數據，并將 JSON 數據解析成了 JS 變量 data。我們可以通過 data.name 和 data.age 分別獲取 PHP 中的 $name 和 $age 變量。 方法二： _PHP 代碼_

<?php
$name = "Tom";
$age = 20;
?><script>var name = "<?php echo $name; ?>";
var age = "<?php echo $age; ?>";
console.log(name);
console.log(age);
</script>

_JS 代碼_

// 這里沒有 JS 代碼

以上代碼直接將 PHP 變量輸出到了 JS 代碼中。我們可以通過 JS 變量 name 和 age 分別獲取 PHP 中的 $name 和 $age 變量。當然，這種方法在數據較大時，會導致 JS 代碼冗長，不便于維護。 結語 本文介紹了在 JS 中調用 PHP 變量的兩種方法，其中方法一使用 AJAX 請求獲取 JSON 數據，并將其解析成 JS 變量；方法二則直接將 PHP 變量輸出到 JS 代碼中。在實際開發中，我們可以根據不同的需求，選擇合適的方法來調用 PHP 變量。