$ .getJSON добавляет 'HTTP: // локальный: 3000' УПЫ URL

Question

error
Я строй Погода-приложение, и когда я звоню API, $.getJSON добавляет мои LOCALHOST Адресные.

http://localhost:3000/api.openweathermap.org/data/2.5/weather?lat=50.064650099999994&lon=19.9449799&APPID=f7dcb8e5d6a1f2126a2080a1e0d17b5a GET 404 (не найден)

$("#getLocation").on("click", function() { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function(position) { 
      $("#location").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude); 
      lat = position.coords.latitude; 
      lon = position.coords.longitude; 

      api = "api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=f7dcb8e5d6a1f2126a2080a1e0d17b5a"; 

      console.log(api); 

      $.getJSON(api, function(json) { 
       $("#api").html(json); 
      }); 
     }); 
    } 

}); 

Answer 1

Поскольку URL-адрес не содержит //servername, это интерпретируется как относительный URL от пути текущей страницы. Использование:

 api = "//api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=f7dcb8e5d6a1f2126a2080a1e0d17b5a";