二級聯動是一個常見的需求，尤其在表單填寫中經常會遇到。通過ajax技術，我們可以實現動態獲取數據并實現二級聯動功能。本文將介紹一種實現方法，并通過舉例說明其使用。

我們假設有一個表單，包含兩個下拉列表：省份和城市，希望根據用戶選擇的省份來相應獲取城市的選項。在之前，我們可能需要在后端實現數據的獲取和返回，但通過ajax技術，我們可以實現更加靈活和高效的前端交互。

首先，我們需要在頁面中放置一個用于顯示省份選項的select元素，以及用于顯示城市選項的select元素。

<select id="province">
<option value="">請選擇省份</option>
<option value="江蘇省">江蘇省</option>
<option value="浙江省">浙江省</option>
<option value="廣東省">廣東省</option>
</select>
<select id="city">
<option value="">請選擇城市</option>
</select>

然后，我們需要編寫一個函數，用于獲取城市選項的數據，并動態更新城市選項的內容。

function getCityData(province) {
// 根據省份獲取城市數據的ajax請求
$.ajax({
url: "getCityData.php", // 替換為你的后端接口地址
type: "POST",
data: {province: province},
dataType: "json",
success: function(data) {
// 成功獲取數據后更新城市選項
var citySelect = $("#city"); // 城市選項的select元素
citySelect.empty(); // 清空之前的選項
citySelect.append("<option value=''>請選擇城市</option>"); // 添加默認選項
for (var i = 0; i < data.length; i++) {
var city = data[i];
citySelect.append("<option value='" + city + "'>" + city + "</option>"); // 添加城市選項
}
},
error: function() {
console.log("獲取城市數據失敗");
}
});
}

最后，我們需要為省份選項的select元素綁定一個change事件，監聽用戶選擇的變化，并在變化時調用getCityData函數。

$(function() {
// 省份選項的select元素
var provinceSelect = $("#province");
// 綁定change事件
provinceSelect.on("change", function() {
var selectedProvince = $(this).val(); // 獲取選中的省份
if (selectedProvince) {
getCityData(selectedProvince); // 根據選中的省份獲取城市數據，并更新城市選項
} else {
$("#city").empty(); // 如果沒有選中省份，則清空城市選項
}
});
});

以上就是 ajax 實現二級聯動的方法。當用戶選擇了某個省份時，利用 ajax 技術向后端請求對應省份的城市數據，并更新城市選項。當用戶再次選擇其他省份時，城市選項也會相應更新。

需要注意的是，上述代碼中的后端接口地址需要替換為實際的后端接口地址，并且需要后端接口返回的數據格式需要為 JSON 格式。

總結一下，通過 ajax 技術，我們可以實現前端的二級聯動功能，提高用戶體驗。使用 ajax 向后端請求數據，并將數據動態展示在頁面中，可以滿足不同需求的表單填寫。