2015-04-24 53 views
0

目前我正在使用jQuery從Web API獲取信息到Web應用程序的項目。無法使用jquery從json文件中獲取數據

<script src="jquery-1.11.2.js"></script> 
<script src="jquery-1.11.2.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
     jQuery.support.cors = true; 
     $("#btn").click(function() { 
      $.ajax({ 
       url: "http://localhost:52227/api/Values", 
       type: "GET", 
       dataType: "json", 
       success: function (data) { 
        alert("hello"); 
       } 
      }); 
     }); 
    }); 
</script> 

<body> 
<form id="form1" runat="server"> 
<div> 
    <input type="button" id="btn" value="submit" /> 
</div> 
</form> 

當我運行該應用程序它沒有顯示我任何輸出。

+0

如果你把這個網址到瀏覽器'''「HTTP://本地主機:52227/API/Values'''什麼是屏幕顯示 –

+0

我得到我的網站的XML格式? API 用戶

+0

好了,所以它是XML,JSON不 –

回答

0

您提供的代碼在語法上是正確的。獲取請求最有可能失敗,並且您沒有爲請求提供錯誤功能。你可以添加一個這樣的錯誤回調

$.ajax 
(
{ 
    url: "http://localhost:52227/api/Values", 
    type: "GET", 
    dataType: "json", 
    success: function (data) { 
     alert("hello"); 
    }, 
    error: function (data) { 
     alert("test"); 
    } 
} 
) 

這是一個JSFiddle,它顯示了它的行動。

http://jsfiddle.net/1mqotn6v/2/

+0

但在這裏我得到錯誤(我正在測試我的警報框):這是什麼錯誤代碼? –

+0

您可以通過console.log返回對象來收集有關錯誤的一些信息,或者您可以在瀏覽器中打開開發人員工具,並查看網絡選項卡以獲取關於錯誤的一些信息。我用console.log更新了jsfiddle,而不是警報:http://jsfiddle.net/1mqotn6v/7/ –

+0

是問題不是他告訴jquery期望JSON,實際上xml被返回? –