Rendern von Daten mit JSON (Wetter-API)

Question

Ich beginne mit JSON und versuche, eine Wetter-App mit Open Weather Map's API zu implementieren. Ich versuche, den Wert für den Schlüssel "name" in <h2 id="city"></h2> basierend auf den Koordinaten des Benutzers zurückzugeben, und ich bin unsicher, warum es derzeit nichts zurückgibt. Ich verstehe etwas ähnliches wurde before gefragt, aber ich bin mir nicht sicher, wie dies in diesem Fall gilt.

$(document).ready(function() { 
    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) { 
     var lati = position.coords.latitude; 
     var longi = position.coords.longitude; 
     var address = "api.openweathermap.org/data/2.5/weather?lat=" + lati +"&lon=" + longi + "&APPID=*****"; 

     $.getJSON(address, function(json) { 
     $("#city").html(json["name"]); 
   }); 
    }); 
    } 
}); 

Answer 1

Verwendung URL wie http://api.openweather... statt api.openweather...

Else der Browser denke, es wird eine relative Adresse ist und versuchen, es zu öffnen, wie http://example.com/api.openweather... ist die Seite URL der Annahme http://example.com.

Der Rest scheint zu funktionieren. Ich fügte das Präfix http:// hinzu und ersetzte den API-Schlüssel durch meinen, und der Code funktionierte wie erwartet in meiner Umgebung.