我無法從JSON文件獲取數據 - $ .getJSON不起作用

Question

https://codepen.io/RycerzPegaza/pen/pbzdgY 這是我的codepen，我嘗試從天氣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會阻止請求。