如何从jquery中的webservice获取数据？

Question

我有一个带有链接的网络服务：http://41.128.183.109:9090/api/data/getalllocations

我使用jquery在下拉列表中恢复了此数据。此数据包含2个对象LocationName和LocID。我想在jQuery中的下拉列表更改功能中显示LocID的警报。这是我的代码：

$(document).ready(function () {
    $.ajax({
        type: 'Get',
        url: 'http://41.128.183.109:9090/api/data/getalllocations',
        success: function (data) {
            var SubDropdown = $("#main");
            for (var i = 0; i < data.length; i++) {
                SubDropdown.append('<option value?' + i + '?="">' + data[i].LocationName + '</option>');
            }
        }
    });
});

$("#countries").change(function () {
    alert();
});

这是我的HTML代码：

<select tabindex="-1" class="select2_group form-control" style="display: normal; width: 290px;" name="countries" id="countries">
    <optgroup label="Select Your City" id="main"></optgroup>
</select> 

Answer 1

请尝试以下

 $(document).ready(function () {
    $.ajax({
        type: 'Get',
        url: 'http://41.128.183.109:9090/api/data/getalllocations',
        success: function (data) {
            var SubDropdown = $("#main");
            for (var i = 0; i < data.length; i++) {
                SubDropdown.append('<option value="' + data[i].LocID + '">' + data[i].LocationName + '</option>');
            }
        }
    });

    $("#countries").change(function () {
        alert($("#countries").val());
    });
});