本文將介紹如何利用Ajax技術，通過PHP實現二級聯動。二級聯動指的是當用戶選擇一個選項后，第二個選項的可選內容會根據用戶選擇的第一個選項動態改變。通過Ajax，我們可以實現無需刷新整個頁面的情況下，動態獲取和顯示第二個選項的內容，提升用戶體驗。

舉個例子，假設我們正在創建一個表單，其中包含兩個下拉列表框，一個是國家，另一個是省份。當用戶選擇一個國家時，省份的下拉列表框會自動更新，只顯示與選擇的國家相關的省份。

實現這個功能的關鍵是通過Ajax監聽第一個下拉列表框的變化事件，并將用戶選擇的值發送到服務器。服務器端會根據這個值從數據庫中獲取相應的數據，并將其返回給前端。前端接收到服務器返回的數據后，再將其動態更新到第二個下拉列表框中。

//JavaScript代碼示例
var xmlhttp;
if (window.XMLHttpRequest) {
// code for modern browsers
xmlhttp = new XMLHttpRequest();
} else {
// code for old IE browsers
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var result = JSON.parse(this.responseText);
// 更新第二個下拉列表框的內容
updateDropdown(result);
}
};
// 監聽第一個下拉列表框的變化事件
document.getElementById("country").onchange = function() {
var selectedValue = this.value;
xmlhttp.open("GET", "getProvinces.php?country=" + selectedValue, true);
xmlhttp.send();
};

上述代碼創建了一個XMLHttpRequest對象，并通過onreadystatechange函數監聽其狀態的變化。當readyState為4且status為200時，表示服務器響應成功，我們可以獲取到服務器返回的數據。我們使用JSON.parse()函數將返回的數據轉換為JavaScript對象，并調用updateDropdown()函數來動態更新第二個下拉列表框的內容。

服務器端的PHP代碼如下：

//PHP代碼示例
$country = $_GET['country'];
// 連接數據庫，執行查詢
$con = mysqli_connect("localhost", "root", "", "test");
$query = "SELECT province FROM provinces WHERE country = '$country'";
$result = mysqli_query($con, $query);
// 構造一個數組來存儲查詢結果
$provinces = array();
while ($row = mysqli_fetch_assoc($result)) {
$provinces[] = $row['province'];
}
// 將查詢結果以JSON格式返回給前端
echo json_encode($provinces);

在服務器端，我們首先獲取用戶選擇的國家值，然后連接數據庫，并執行查詢語句，根據國家值從數據庫中獲取對應的省份。最后，我們將查詢結果存入一個數組中，并使用json_encode()函數將其轉換為JSON格式返回給前端。

通過上述的實例，我們可以看到通過Ajax技術，我們可以實現動態更新下拉列表框的內容，提供更好的用戶體驗。此外，在實際項目中，我們還可以根據需要進行更復雜的二級聯動，例如城市和區域的聯動，或者多級聯動等。使用Ajax和PHP的組合，可以幫助我們輕松實現這些功能。