从 WCF 服务获取 JSON答案

【问题标题】：Getting JSON from WCF service从 WCF 服务获取 JSON
【发布时间】：2012-02-18 21:04:33
【问题描述】：

我有一个简单的 WCF 服务应用程序，其中包含一个“房间”项目列表和几个通过 WebInvoke 以 JSON 格式检索信息的方法。 “GetRooms()”方法在浏览器中返回以下测试项：

    [{"RoomId":1,"RoomName":"Big Room"},
     {"RoomId":2,"RoomName":"Medium Room"},
     {"RoomId":2,"RoomName":"Small Room"}]

我目前正在尝试使用 JQuery 在 Web 应用程序中检索 JSON，以便稍后在 jqGrid 中对其进行格式化。我正在尝试使用以下代码来做到这一点：

<div>
<input type="button" value="Get Rooms" onclick="getRooms();">
</div>
<div id="rooms">
 <script type="text/javascript" src="lib/js/jquery-1.7.1.js">
     function getRooms() {
       $.ajax({
         dataType: 'jsonp',
         type: "GET",
         url: "http://localhost:6188/RoomBookingService.svc/GetRooms",
         success: function (data) {
             var innerHtml = "";
             for (i = 0; i < data.length; i++) {
                 innerHtml += data[i].RoomId + ' ' + data[i].RoomName + '<br/>';
             }
             $("#rooms").html(innerHtml);
         }
     });
 }
</script>
</div>

我收到一条错误消息，指出未定义 getRooms。有人可以帮忙吗？

【问题讨论】：

标签： jquery wcf json jsonp

【解决方案1】：

使用 jQuery 代替 inline 点击处理程序来附加 click 处理程序。试试这个

<div>
<script type="text/javascript" src="lib/js/jquery-1.7.1.js">
 $(function(){
     $("input:button").click(function() {
        $.ajax({
           dataType: 'jsonp',
           type: "GET",
           url: "http://localhost:6188/RoomBookingService.svc/GetRooms",
           success: function (data) {
               var innerHtml = "";
               for (i = 0; i < data.length; i++) {
                  innerHtml += data[i].RoomId + ' ' + data[i].RoomName + '<br/>';
               }
               $("#rooms").html(innerHtml);
           }
        });
    });
 });
</script>
<input type="button" value="Get Rooms" />
</div>
<div id="rooms"></div>

【讨论】：