在Web開發中，常常需要實現聯動菜單，而jquery ajax是實現聯動菜單的絕佳工具。實現聯動菜單的核心思想是通過ajax從后端獲取數據，并動態生成下一級菜單。

下面是一個使用jquery ajax實現聯動菜單的示例。

$(function() {
$("#province").change(function() {
var provinceId = $(this).val();
$.ajax({
url: "get_city.php",
data: {province: provinceId},
type: "GET",
success: function(data) {
var cityOptions = "";
data.forEach(function(city) {
cityOptions += "" + city.name + "";
});
$("#city").html(cityOptions);
}
});
});
});

上面的代碼中，當省份下拉菜單的值發生改變時，觸發了一個AJAX請求，請求的URL是get_city.php，傳遞的參數是選中的省份的ID。當請求成功時，會生成一個cityOptions字符串，該字符串包含若干個城市選項，然后將該字符串填充到城市下拉菜單中。

本示例中假定get_city.php返回的是一個JSON數組，每個元素包含一個城市的信息，如下所示：

[
{"id": "1", "name": "北京"},
{"id": "2", "name": "上海"},
{"id": "3", "name": "廣州"},
{"id": "4", "name": "深圳"}
]

實現聯動菜單的關鍵在于理解AJAX的異步特性，以及動態生成HTML子元素的方法。這種技術不僅可以應用于聯動菜單，還可以用于實現動態搜索、分頁等功能。