在HTTP URL（JSFiddle）上使用getJSON时如何修复混合内容错误？

Question

我正在尝试在JSFiddle中使用getJSON，但由于JSFiddle使用HTTPS而我使用的URL作为参数使用HTTP，因此存在混合内容错误：

代码：

$.getJSON('http://swapi.co/api/people/2/?format=json', function(C3P0) {
  alert(C3P0.mass)
})

错误：

jquery-3.1.0.js：9392混合内容：“https://jsfiddle.net/Rubyleaf_MBarton/g802f6yL/”页面是通过HTTPS加载的，但是请求了一个不安全的XMLHttpRequest端点“http://swapi.co/api/people/2/?format=json”。此请求已被阻止;内容必须通过HTTPS提供。

jquery-3.1.0.js：9392 XMLHttpRequest无法加载http://swapi.co/api/people/2/?format=json。无法开始加载。

我可以修复此错误吗？

Answer 1

swapi.co也支持https。最好是向安全版API发出请求：

$.getJSON('https://swapi.co/api/people/2/?format=json', function(C3P0) {
  alert(C3P0.mass)
})

这样，您的代码将适用于http和https协议。