如何使用jquery从远程Web服务获取数据

时间:2013-01-25 05:24:22

标签: html5 web-services jquery

我在将数据绑定到html页面中的控件时遇到问题,这里我们在远程位置有一个Web服务,因为我们将数据绑定到html中的控件(下拉列表),数据没有绑定代码以便对localhost进行处理但对于远程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>

先谢谢。

0 个答案:

没有答案