OpenWeatherMap.ORGAPI-$. getJSON不工作，我没有收到任何数据

Question

我正在尝试连接到openweather的测试代码。org和providen api。

如果我使用浏览器访问url：

http://api.openweathermap.org/data/2.5/weather?id=2172797

然后，我得到了正确的Json：{“coord”：{“lon”： 145.77，“lat”：-16.92}，“天气”：[{“id”： 803，“main”：“Clouds”，“描述”：“破碎的云”，“图标”：“04n”}]，“base”：“station”：{“temp”： 289.26，“压力”： 1013，“湿度”： 93，“temp_min”： 289.26，“temp_max”： 289.26}，“风”：{“速度”： 1.61，“deg”： 116.5}，“雨”：{“3h”： 0.03}，“云”：{“all”： 76}，“dt”： 1474367584，“sys”：{“type”： 3，“id”： 10843，“消息”： 0.1585，“国家”：“AU”，“日出”： 1474315673，“日落”： 1474359164}

问题是，当我使用jquery的$.getJSON时，我看不到任何数据。

为什么？如何解决？

$(document).ready(function(){

  var api = 'http://api.openweathermap.org/data/2.5/weather?id=2172797&APPID=35000cdad97645316c048563e4183021';

   $.getJSON(api, {format:'json'},function(data){console.log(data.coord.lon)});


});

代码笔：https://codepen.io/elivanrock/pen/zKoYEj?editors=1011

提前感谢！

Answer 1

您可以使用JSONp从openweathermap获取数据。com，只需这样添加回调函数：

http://api.openweathermap.org/data/2.5/weather?id=2172797&APPID=35000cdad97645316c048563e4183021&callback=myfunc

举例如下：

$.ajax({
    url: "http://api.openweathermap.org/data/2.5/weather",
    jsonp: "callback",
    dataType: "jsonp",
    data: {
        id: "2172797",
        APPID: "35000cdad97645316c048563e4183021"
    },
    success: function( response ) {
        console.log( response ); // server response
        $('.current').html('<img src="http://openweathermap.org/img/w/' + response.weather[0].icon + '.png" /> ' + response.weather[0].main);
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="current"></div>