Ajax实现二级（多级）联动——Asp.Net

实现二级（多级）联动的方法一般有两种，一种是通过页面刷新实现，另一种是通过Ajax实现。下面我将介绍一种基于Ajax的实现方法。

首先，在前端页面中建立两个下拉框，第一个下拉框用于选择省份，第二个下拉框用于选择城市。当选择省份后，第二个下拉框中应该只显示该省份下的城市列表。

在后端，我们需要编写一个Web服务，用于获取城市列表。该Web服务应该接收省份名称作为参数，并返回该省份下的城市列表。在Asp.Net中，我们可以使用WebMethod来实现该功能。

然后，在前端页面中，我们需要使用Ajax来调用该Web服务，并将返回的城市列表显示在第二个下拉框中。具体实现方法如下：

// 定义一个函数，用于获取城市列表
function getCityList(province) {
    $.ajax({
        type: "POST",
        url: "CityService.asmx/GetCityList",
        data: "{'province':'" + province + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            // 将返回的城市列表显示在第二个下拉框中
            var cityList = response.d;
            var citySelect = $("#citySelect");
            citySelect.empty();
            for (var i = 0; i < cityList.length; i++) {
                var cityOption = "<option value='" + cityList[i] + "'>" + cityList[i] + "</option>";
                citySelect.append(cityOption);
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
}

// 当选择省份时，调用getCityList函数获取城市列表
$("#provinceSelect").change(function () {
    var province = $(this).val();
    getCityList(province);
});

需要注意的是，getCityList函数中的url应该指向我们编写的Web服务的地址。另外，我们还需要在Web.config文件中配置一些内容，具体可以参考相关文档。

这样，我们就实现了基于Ajax的二级（多级）联动功能。