javascript - 使用 Javascript + jQuery 进行 API 调用的最简单方法

Question

我正在尝试使用他们的 API+ key 对 Openweathermap 进行 API 调用。我无法在 Javascript 中使用 $.getJSON 将数据解析为 CSS ID。

这是 jsfiddle:https://jsfiddle.net/n1Lz3vf0/

代码:

var weatherData = "http://api.openweathermap.org/data/2.5/weather? 
q=Endicott,us&appid=API+KEY";

$.getJSON(weatherData, function(data){
var town = data.name;

document.getElementById('town').innerHTML = town;
});

然后输出到一个简单的div标签

显然，最终结果会涉及更多，我将解析更多数据，但在 jsfiddle 中，它应该只输出我的城市名称，但事实并非如此。

Answer 1

您在 jsfiddle 页面上有一个混合内容错误，因为它是一个 https 网站，而您正试图在您的 API 调用中调用一个 http url。如果您通过 https，则无法使用 http 调用外部 API，请求会被阻止。

我用 https 尝试了你的请求，它按预期工作。