我无法从JSON文件中获取数据 - $ .getJSON不起作用

Question

https://codepen.io/RycerzPegaza/pen/pbzdgY 这是我的codepen，我尝试从天气API获取数据。提供JSON数据的链接有效，但这里没有任何工作：

 $.getJSON(temperature, function(data) {
   cityName.innerHTML = data;
    });

- 如果我将数据更改为测试字符串，它也不起作用。 - “$ .get”也不起作用

Answer 1

$ .getJSON不是错误，只需打开你的控制台，你就会看到这个错误。

jquery-2.2.4.min.js:4Mixed Content: The page at 'https://codepen.io/RycerzPegaza/pen/pbzdgY?editors=1111' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.openweathermap.org/data/2.5/weather?lat=31.277204800000003&lon=121.538243&APPID=7248ea2cccd4e2cd9b65fa7bd9cf6e9a&units=metric'. This request has been blocked; the content must be served over HTTPS.

这是因为API通过http提供，但您的页面以https运行，这将导致安全漏洞，因此bowser会阻止请求。