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页面无法取数据

回答

相关问题