Warum Blocked Loading Mixed Active Content? Ich

Question

Heute entdeckte den Fehler

Blocked loading mixed active content "http://ip-api.com/json/?callback=jQuery2240797948164524662_1471014635124&_=1471014635125"

in Firefox.

Hier ist mein Code

function getCurrentWeather(){ 
    $.getJSON("http://ip-api.com/json/?callback=?", function(data) { 
     var lat=data["lat"]; 
     var lon=data["lon"]; 
     updateWeatherDisplay(lat,lon);   
     updateAddress(data["city"],", "+data["region"]); 
    }); 
} 

Aber hier ist die andere Code, die eine gleichwertige Abfrage an den api macht - ohne Fehler !:

function getLocation() { 
    $.get('http://ip-api.com/json', function(loc) { 
     $('#location').text(loc.city + ', ' + loc.region + ', ' + loc.country); 
     getWeather(loc.lat, loc.lon, loc.countryCode); 
    }) 
    .fail(function(err) { 
     getWeather(); 
    }); 
} 

Beide Beispiele läuft auf https://codepen io.

Ich weiß bereits, dass ich https: // verwenden sollte, um zu api aufzurufen. Aber ich bin neugierig, warum keine Fehler im zweiten Beispiel?

Answer 1

Sein, weil https://codepen/sichere (https-Protokoll) und http://ip-api.comUnsichere (HTTP-Protokoll) verwendet wird verwenden.

ip-api.com derzeit nicht unterstützt https, wenn sie unterstützen https Sie sichere (https Protokoll) https://ip-api.com

function getCurrentWeather(){ 
    $.getJSON("https://ip-api.com/json/?callback=?", function(data) { 
    var lat=data["lat"]; 
    var lon=data["lon"]; 
    updateWeatherDisplay(lat,lon);   
    updateAddress(data["city"],", "+data["region"]); 
    }); 
}