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

Question

我正在尝试使用其API +密钥对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请求您，该请求可以正常使用。