如何在jQuery中從webservice獲取數據？

Question

我有一個Web服務與鏈接：http://41.128.183.109:9090/api/data/getalllocations

我使用jQuery。這個數據包含2個對象LocationName和LocID recived在下拉列表中該數據。我想在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()); 
    }); 
});