0

HTMLページのコントロールにデータをバインドする際に問題があります。HTMLのコントロール（ドロップダウン）にデータをバインドしているため、リモートロケーションにWebサービスがあります。データは、ローカルホストではなく、 remote url.here私は以下にコードを配置していますが、変更や追加するコードを教えてもらえますか。

  <!DOCTYPE html>
  <html>
   <head>
      <title></title>
<script src="Scripts/jquery-1.8.3.js" type="text/javascript"></script>
 </head>
<body>
<select id="CbxArea" style="width: 200px">
    <option>Select Area</option>
</select>
<script type="text/javascript">
    $(document).ready(function () {
        //debugger;
        var requestUrl = 'http://192.168.3.252:8081/HaraveerWCF/ExcelDataService.asmx/GetAreaNames';
        var ddlArea = $("#CbxArea");
        $.ajax({
            url: "http://192.168.3.252:8081/HaraveerWCF/ExcelDataService.asmx/GetAreaNames",
            //url: "ExcelDataService.asmx/GetAreaNames",
            type: "POST",
            dataType: "json",
            contentType: "application/json; encoding=utf-8",
            success: function (data) {
                debugger;
                for (i = 0; i < data.d.length; i++) {
                    ddlArea.append($("<option></option>").val(data.d[i].AreaName).html(data.d[i].AreaName));
                };
                alert(data.d.AreaName);
            },
            error: function (e) {
                $('#status').innerHTML = "Unavailable";
            }
        });

    });
</script>

前もって感謝します。

4

0 に答える 0