Question

以下代码没有显示任何内容！有人可以帮我修理吗？

<!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>

仅显示“航班数据正在加载...”。该URL正在使用浏览器和JSON查看器。

Answer 1

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

Answer 2

现在我已经修好了。

服务器正在发送JSON而不是JSONP。所以现在我可以直接访问它。

我已经实现了一个接口，它实际上从URL中获取响应作为字符串并重新发布我的服务。

与提供商发布的实时数据相比，我的数据会稍微过时。

HTML5 + JQuery + JSON页面无法获取数据

2 个答案: