Как получить ответ с заданным URL и именем пользователя и паролем?

Мне было предложено загрузить выпадающие окна с сервера OLAP и предоставить учетные данные сервера. Они следующие

• URL
• Метод HTTP - POST
• auth user: abc123
• auth pwd: api123
• Тип содержимого REQ/RES/charset = application/json; кодировка = UTF-8

Ниже приведен код, который я написал:

var hr = new XMLHttpRequest();
var url= "http://someIPAddress/getData";

alert("Before Posting data");
hr.open("POST",url,true);
alert("Connection open");

document.getElementById("submitButton").disabled = true;
document.getElementById("status").innerHTML = "Loading...";

hr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
hr.onreadystatechange = function(){
    alert("Entered callback function...");
    if(hr.readyState == 4 && hr.status == 200){
        var return_data = hr.responseText;
        alert(return_data);
    }
    else{
        alert("There is a connection issue");
        var return_data = hr.responseText;
    }
}
ajaxReq.send("POST",url,function populate(){
    alert("Request received");
})
}

Это точные данные (за исключением URL, имени пользователя и пароля. Не раскрывая здесь настоящие данные)

Я пытаюсь использовать XMLHttpRequest(), указав URL, POST и функцию обратного вызова. Как передать имя пользователя и пароль здесь, чтобы он отвечал вам данными

Когда я пытаюсь получить доступ к URL-адресу, он попросил меня ввести имя пользователя и пароль:

Я не знаю, как добавить учетные данные с URL-адресом, так как я не задал точный ключ для значений. Не могли бы вы помочь. Я думаю, что упускаю что-то