本文將介紹使用JavaScript中的Ajax技術實現二級聯動菜單的步驟和代碼示例。二級聯動菜單通常用于在選擇一級菜單后，根據選擇的選項，動態加載對應的二級菜單選項。

在實現二級聯動菜單前，需要有一組相關的數據作為選項。舉例而言，假設我們正在開發一個地址選擇器，一級菜單為省份，二級菜單為城市。當用戶選擇了一個省份后，系統需要動態加載該省份下的所有城市作為二級菜單的選項。

下面是一段使用Ajax技術實現二級聯動菜單的代碼示例：

function loadCities() {
var province = document.getElementById("province").value;
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 指定處理響應的回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 將獲取到的城市數據填充到二級菜單中
var cities = JSON.parse(xhr.responseText);
var citySelect = document.getElementById("city");
citySelect.innerHTML = "";
cities.forEach(function(city) {
var option = document.createElement("option");
option.value = city;
option.textContent = city;
citySelect.appendChild(option);
});
} else {
console.log("發生錯誤：" + xhr.status);
}
}
};
// 發送Ajax請求
xhr.open("GET", "/api/cities?province=" + province, true);
xhr.send();
}

在上面的例子中，loadCities()函數用于加載城市數據。首先，我們通過調用getElementById()方法獲取一級菜單（例如，id為"province"的元素）當前選擇的值，即用戶選擇的省份。然后，創建一個XMLHttpRequest對象，該對象用于處理Ajax請求。

在XMLHttpRequest對象的onreadystatechange事件處理函數中，我們檢查請求的狀態和響應的狀態。當請求狀態為XMLHttpRequest.DONE時，表示請求已完成。如果響應狀態為200，表示請求成功，我們將獲取到的城市數據填充到二級菜單（例如，id為"city"的元素）中；如果響應狀態不是200，則輸出錯誤信息。

最后，在發送Ajax請求前，我們通過調用open()方法指定請求的方法（GET）、URL（/api/cities）和異步（true）。然后，通過調用send()方法發送請求。

假設我們的后端API接受省份作為查詢參數，根據省份返回該省份下的所有城市數據。這樣，通過調用loadCities()函數即可實現二級聯動菜單的動態加載。

總結而言，通過使用Ajax技術，我們可以輕松實現二級聯動菜單的功能。只要根據一級菜單的選項，發送Ajax請求獲取對應的二級菜單選項，并將其填充到頁面中即可。