如何在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协议工作。