JAVAweb基于AJAX的级联下拉菜单

实现基于 AJAX 的级联下拉菜单可以按照以下步骤进行：

1. 引入 jQuery 库和 AJAX 请求的相关库。

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-ajax-unobtrusive/3.2.6/jquery.unobtrusive-ajax.min.js"></script>

2. 在页面上定义两个下拉菜单，一个是父级菜单，一个是子级菜单。

<select id="parent" name="parent" onchange="getChildren()">
    <option value="">请选择父级菜单</option>
    <option value="1">菜单1</option>
    <option value="2">菜单2</option>
    <option value="3">菜单3</option>
</select>

<select id="child" name="child">
    <option value="">请选择子级菜单</option>
</select>

3. 编写 AJAX 请求的代码，获取子级菜单的数据，并根据数据动态生成子级菜单的选项。

function getChildren() {
    var parentId = $("#parent").val();
    if (parentId == "") {
        $("#child").html("<option value=''>请选择子级菜单</option>");
        return;
    }

    $.ajax({
        type: "GET",
        url: "/menu/getChildren",
        data: { parentId: parentId },
        dataType: "json",
        success: function (data) {
            var html = "<option value=''>请选择子级菜单</option>";
            $.each(data, function (i, item) {
                html += "<option value='" + item.id + "'>" + item.name + "</option>";
            });
            $("#child").html(html);
        },
        error: function () {
            alert("请求失败，请稍后再试！");
        }
    });
}

4. 在后台编写获取子级菜单数据的代码，并返回 JSON 格式的数据。

以上就是基于 AJAX 的级联下拉菜单的实现步骤。需要注意的是，后台返回的子菜单数据应该是以 JSON 格式返回，前端通过 AJAX 请求获取到数据后，需要动态生成子级菜单的选项。