OpenWeatherMap.ORG API - $.getJSON 不起作用，我没有收到任何数据

Posted 2023-02-23

【中文标题】OpenWeatherMap.ORG API - $.getJSON 不起作用，我没有收到任何数据

【英文标题】：OpenWeatherMap.ORG API - $.getJSON doesn't work and I'm not recieving any data

【发布时间】：2017-01-28 06:23:53

【问题描述】：

我正在尝试使用提供的 api 连接到 openweather.org 的测试代码。

如果我使用浏览器访问网址：

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

然后，我得到了正确的 Json： "coord":"lon":145.77,"lat":-16.92,"weather":["id":803,"main":"Clouds","description":"破云"," icon":"04n"],"base":"stations","main":"temp":289.26,"pressure":1013,"humanity":93,"temp_min":289.26,"temp_max": 289.26,"wind":"speed":1.61,"deg":116.5,"rain":"3h":0.03,"clouds":"all":76,"dt":1474367584 ,"sys":"type":3,"id":10843,"message":0.1585,"country":"AU","sunrise":1474315673,"sunset":1474359164,"id":2172797 ,"名称":"凯恩斯","鳕鱼":200

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

这是为什么呢？怎么解决？

JS：

$(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

提前致谢！

【问题讨论】：

检查浏览器的控制台。 HTTP-HTTPS 问题。如果你通过 http 加载 codepen，你的代码就可以工作。

非常感谢尤里！

【参考方案1】：

您可以使用来自 openweathermap.com 的 JSONp 获取数据，只需以这种方式添加您的回调函数：

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>