Wie ziehe ich Daten von einer API in Javascript?

Ich arbeite an einem kleinen Wetter-App-Projekt, aber jetzt, wo ich den Code geändert habe, um die lange und lat abhängig von Ihrem Standort zu ändern, funktioniert die Schaltfläche nicht. Wenn ich darauf klicke, passiert nichts, ich kann nicht einmal sagen, ob die API die Daten zieht. Hier ist mein Code sowie ein Codepen, mit dem ich herumgespielt habe. http://codepen.io/lettda/pen/yaGaLx Wie ziehe ich Daten von einer API in Javascript?

$(document).ready(function(){ 
    $("#reveal").on("click", function(){ 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(function(position) { 
      lat = position.coords.latitude; 
      long = position.coords.longitude; 

     var long; 
     var lat; 
     var api = "http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+long+"&appid=de61ccfbde0405f57d64dbb53323fccf"; 

       $.getJSON(api, function(data){ 
        $(".message").html(JSON.stringify(data)) 
       }); 
      }); 
     }; 
    }); 
});

Quelle

2016-10-21 David Lett

Ich glaube, Sie könnten einige seltsame Anfrage Probleme aufgrund versuchen, den Endpunkt von codepen bekommen zuzugreifen. Sie können die Fehlermeldungen, die Sie erhalten, entweder in der Konsole oder im Netzwerkfenster verfolgen. Dort können Sie beobachten, wie der Aufruf ausgeführt wird, und prüfen, ob der Aufruf erfolgreich war. Wenn nicht, warum. –

Ihre Entwickler-Tools öffnen (in F12 Chrom Presse) und einen Blick in die Konsole:

pen.js: 4 getCurrentPosition() und watchPosition() nicht mehr auf unsichere Herkunft arbeiten. Um diese Funktion zu verwenden, sollten Sie Ihre Anwendung auf einen sicheren Ursprung wie HTTPS umstellen. Weitere Informationen finden Sie unter https: // ....

Es ist ein einfaches Kreuz Herkunft Problem

Quelle

2016-10-21 03:42:36 mtizziani

Wie ziehe ich Daten von einer API in Javascript?

Antwort

Verwandte Themen