Как исправить ошибку смешанного содержимого при использовании getJSON по URL-адресу HTTP (JSFiddle)?

Question

Я пытаюсь использовать getJSON в JSFiddle, но JSFiddle использует HTTPS и URL я использую в качестве параметра используется HTTP, есть смешанное содержание ошибки:

код:

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

ошибка :

JQuery-3.1.0.js: 9392 Mixed Содержание: страница на '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 протоколов.