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

Question

https://codepen.io/RycerzPegaza/pen/pbzdgY这是我的代码笔，我尝试从天气 API 获取数据。提供 JSON 数据的链接有效，但这里所做的一切都不起作用:

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

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

Answer 1

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

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会阻止该请求。