JQuery是一款功能強大的JavaScript庫，它可以幫助我們輕松地實現一些非常復雜的功能。其中，最常用的功能就是AJAX二級聯動。

首先，我們需要在HTML頁面中引入JQuery庫，這樣我們才能使用JQuery的功能。例如：

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

假設我們有兩個下拉列表，一個用于選擇省份，另一個用于選擇城市。當用戶選擇省份時，城市下拉列表要自動更新，只顯示所選省份的城市。這就是AJAX二級聯動的基本原理。

首先，我們需要給省份下拉列表添加一個change事件，當用戶選擇省份時，觸發該事件。例如：

$("#province").change(function() {
// 代碼會在這里實現
});

在事件處理程序中，我們將使用AJAX來獲取所選省份的城市列表。我們將使用JQuery的Ajax方法來實現這一點。例如：

$("#province").change(function() {
var provinceId = $(this).val();
$.ajax({
url: "/api/getCities.php",
type: "POST",
dataType: "json",
data: {
provinceId: provinceId
},
success: function(data) {
// 代碼會在這里實現
}
});
});

在這段代碼中，我們使用$.ajax方法來向服務器發送POST請求，并通過data屬性傳遞所需的參數。然后，我們在服務器端使用PHP來獲取城市列表，并將其以JSON格式返回。

在成功回調函數中，我們將獲得服務器返回的城市列表，并將其添加到城市下拉列表中。例如：

$("#province").change(function() {
var provinceId = $(this).val();
$.ajax({
url: "/api/getCities.php",
type: "POST",
dataType: "json",
data: {
provinceId: provinceId
},
success: function(data) {
var cities = data.cities;
var html = "<option value=\"\">請選擇城市</option>";
for (var i = 0; i < cities.length; i++) {
html += "<option value='" + cities[i].id + "'>" + cities[i].name + "</option>";
}
$("#city").html(html);
}
});
});

在這段代碼中，我們從服務器返回的JSON數據中提取城市數組，然后將其添加到城市下拉列表中。

總的來說，AJAX二級聯動看起來很復雜，但實際上非常簡單。只需要遵循這一基本原則 - 當用戶選擇第一個下拉列表時，使用AJAX從服務器獲取第二個下拉列表的選項。