2014-08-30 53 views
0

我很新的jQuery。我只是試圖用AJAX函數將數據拉入網頁的簡單示例。我不確定我在做什麼錯,但是在控制檯中我收到了'意外的令牌'。只需在瀏覽器中輸入URL即可獲取數據,但我希望能夠解析並按需使用它。任何幫助表示讚賞。需要幫助訪問API數據與jQuery的Ajax函數

<head> 
    <meta http-equiv="Content-type" value="text/html; charset=UTF-8" /> 
    <title> 
    </title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     // Handler for .ready() called. 
     var url ='http://stats.ebash.com/api/v1/leaderboard';   
      $.ajax({ 
       url: url, 
       success: function (data) { 
        if (data.success) {       
         summonerData = data.data.stats; 
         $('body').append(summonerdata) 
       } 
      }) 
    });   
    </script> 
</head> 
+0

除了語法錯誤......它是一個跨域請求,所以爲了啓用對所述資源的ajax請求,服務提供者需要在給定的情況下支持CORS或JSONP,兩者似乎都不工作...所以一種解決方案是嘗試將您的Web服務器用作代理,方法是向服務器發送請求,然後使用服務器發送請求到所述資源並將值返回給客戶端 – 2014-08-30 02:50:06

回答

0

您有語法錯誤並錯過了}。 試試這個:

$(document).ready(function() { 
    var url ='http://stats.ebash.com/api/v1/leaderboard'; 
    $.ajax({ 
     url: url, 
     success: function (data) { 
      if (data.success) { 
       summonerData = data.data.stats; 
       $('body').append(summonerdata) 
      } 
     } 
    }) 
});  

Check JSFiddle Demo

雖然在演示你有錯,但它是因爲的jsfiddle,它是從你的問題不同的錯誤。