XMLHttpRequest readyState застрял на 1 и никогда не достигнет 4

Question

Это мой код. я не знаю, что не так с моим кодом, но readyState всегда возвращает 1, а статус всегда возвращает 0. Кто-нибудь может мне помочь?

function Registered() {
    console.log("masuk function");
    var xmlhttp;
    var randomNum = Math.floor((Math.random() * 100) + 1);
    const proxyurl = "https://cors-anywhere.herokuapp.com/";
    var url = "http://127.0.0.1:8080/webchatBack/webchat/getQueueCount?t="+randomNum;
    var xmlDoc;

    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        console.log("masuk xml");
        xmlhttp = new XMLHttpRequest();
    } else if(window.ActiveXObject){// code for IE6, IE5
        console.log("masuk active");
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        console.log("masuk function lagi");
        console.log(xmlhttp.readyState);
        console.log(xmlhttp.status);
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            console.log("masuk if");
            xmlDoc = xmlhttp.responseXML;
            var result = xmlDoc.getElementsByTagName("Result");
            result = result[0].childNodes[0].nodeValue;
            console.log(result);
            document.getElementById("agentLoginData").innerHTML = result;
        }
    }

    xmlhttp.open("GET", url, true);
    xmlhttp.setRequestHeader("Content-Type", "text/xml; charset=\"utf-8\"");
    xmlhttp.send('');
}