Почему мой xmlhttprequest (). status 404, даже если url-адрес существует?

---

Я пытаюсь построить приложение для прогноза погоды, как проект для FreeCodeCamp. Когда я набираю свой url-адрес в браузере, он выводит данные. Однако мой статус по-прежнему 404, хотя мой readyState равен 4.

Это и есть код.

var APPID = "85b5c033328a263ce0ee20b8a0b4ac30";
var temperature;
var weather;
var windSpeed;
var direction;

function getData(latitude, longitude) {
    var url = "api.openweathermap.org/data/2.5/weather?lat=" + latitude + "&lon=" + longitude + "&APPID=" + APPID + "&callback=JSON_CALLBACK";
    sendRequest(url);
}

function sendRequest(url) {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        console.log("state " + xmlhttp.readyState);
        console.log("status " + xmlhttp.status);
        console.log(url);
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var data = JSON.parse(xmlhttp.responseText);
            weather = {};
            weather.name = data.name;
            weather.temperature = data.main.temp;
            weather.wind = data.wind.speed;
        }
    };
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
}

function update(weather) {
    temperature.innerHTML = weather.temperature;
}

window.onload = function() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            var lat = position.coords.latitude;
            var long = position.coords.longitude;
            getData(lat, long);
        });
    }

}

Что я уже пробовал:

Я пробовал изменяя свою "&амп;обратного вызова=JSON_CALLBACK" на "&амп;режим=в формате XML", но она по-прежнему выдается 404.

---