HTML5 + JQuery + JSON頁面無法取數據

以下代碼不顯示任何內容！有人可以幫我解決它嗎？HTML5 + JQuery + JSON頁面無法取數據

<!DOCTYPE html> 
<html> 
<head> 
<title>Flight Data</title> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" 
type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
     $.ajax({ // ajax call starts 
     url: 'http://www.flightradar24.com/zones/full_all.json', 
     dataType: 'jsonp', // Choosing a JSON datatype   
     success: function(data) // Variable data contains the data we get from serverside 
     { 
      $('#flights').html(''); // Clear #flights div    
       for (var i=0; i<=10;i++) {   
        $('#flights').append('Flight' + data[i] + '<br/>');      
        $('#flights').append('&nbsp;&nbsp;Reg D:' + data[i][0] + '<br/>'); 
        $('#flights').append('&nbsp;&nbsp;Long:' + data[i][1] + '<br/>'); 
        $('#flights').append('&nbsp;&nbsp;Lat:' + data[i][2] + '<br/>'); 
        $('#flights').append('&nbsp;&nbsp;track:' + data[i][2] + '<br/>');      
        } 
     } 
    }); 
}); 
</script> 
</head> 
<body> 
<h2>Flight Data Loading...</h2> 
<div id="flights"></div> 
</body> 
</html>

只顯示「Flight Data Loading ...」。該網址從瀏覽器和JSON查看器開始工作。

來源

2014-02-12 Raja Vaida

您需要使用JSONP才能獲取數據跨域。你的javascript代碼也有錯誤，最後一行應該是}）;因爲你現在沒有關閉jquery的權利。 –

謝謝克里斯;但問題仍然存在。 –

@RajaVaida檢查控制檯是否有錯誤。 –

更改//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js至http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js。

來源

2014-02-12 12:35:16 ducdhm

現在我已經修好了。

服務器發送JSON而不是JSONP。所以現在我可以直接訪問它。

我已經實現了一個接口，它實際上從URL中獲取響應作爲字符串併爲我的服務重新發布。

與提供商發佈的實時數據相比，我的數據會稍微老一點。

來源

2014-02-13 12:02:24

HTML5 + JQuery + JSON頁面無法取數據

回答

相關問題