2016-06-13 6 views
0

arbeitet ich das Projekt machte in https://www.freecodecamp.com/challenges/show-the-local-weather

Mein volles Projekt hier ist, wenn Sie benötigen: https://codepen.io/tugrulz/pen/beEmJb?editors=0010

function fetchWeather() { 

    var ap = "http://api.openweathermap.org/data/2.5/weather?"; 
    var key = "&appid=061f24cf3cde2f60644a8240302983f2"; 
    var lat = "35"; 
    var lon = "139"; 
    var api = ap + "lat=" + lat + "&lon=" + lon + key; 

    $(".location").html(api); 

$.getJSON(api, function(data) { 
     alert("sa"); 
     $(".location").html("oldu mu?"); 
    }) 
    .done(function() { 
    alert("second success"); 
    }) 
    .fail(function(error) { 
    alert(error); 

    }) 
    .always(function() { 
    alert("complete"); 
    }); 
} 

Diese Drucke: http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=061f24cf3cde2f60644a8240302983f2

Das Problem ist, der Link, den ich drucke, funktioniert in Chrome korrekt, aber der getJSON funktioniert nicht. Seine Fehlerfunktion funktioniert.

Was soll ich tun? Und irgendeine Idee, wie ich die Fehlermeldung drucke? Drucken (Fehler); hilft nicht. Weder eine Versuchs- noch eine Catch-Anweisung mit getJson.

+0

Sind Sie sicher, dass Sie 'fetchWeather()' aufrufen. Sehen Sie sich dies an [CodePen] (http://codepen.io/anon/pen/aZNEgz). Es ist im Grunde Ihr Code und ich schreibe den Antwortnamen in ein div. So funktioniert es. – KRONWALLED

+0

Ja tue ich, aber es ist in der betriebsbereiten Funktion und ich benutze Bootstrap aber keiner von denen machte einen Unterschied, wenn ich sie änderte. interessant. Ich werde Ihre als Vorlage verwenden, aber ich bin immer noch neugierig, was der Unterschied zwischen den Projekten ist. – TugRulz

+0

Ich weiß wirklich nicht, was der Unterschied zwischen unseren 2 Versionen ist. Ich habe meinen Stift aktualisiert, um den Aufruf 'fetchWeather()' in '$ (document) .ready()' einzufügen, und es funktioniert weiterhin. – KRONWALLED

Antwort

0

Ich lief Ihr codepen Projekt und in meiner Konsole bekam ich den Fehler

The page at 'https://codepen.io/tugrulz/pen/beEmJb?editors=0011' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=061f24cf3cde2f60644a8240302983f2'. This request has been blocked; the content must be served over HTTPS. 

Codepen die api blockiert, weil es keine https Adresse ist. Es wird kein Fehler ausgegeben, da die Anfrage niemals an den Wetterdienst gesendet wird.

+0

was soll ich dann machen? https funktioniert nicht – TugRulz