Recebendo um erro ao tentar testar com localhost

Question

Estou tendo um problema com meu código, mas não consigo descobrir. Quando executo o LiveServer com o Visual Studio, o site carrega, mas assim que clico no botão "GET" que coloquei nele, aparece "ERR_CONNECTION_REFUSED". Decidi me aprofundar um pouco mais na fonte de inspeção e ela apontou para esta linha de código:

xhr.send();

É exatamente assim que meu professor está nos mostrando como fazer e isso funciona bem para ele, então eu realmente não entendo meu problema. Já tentei desabilitar meu bloqueador de anúncios, dns flush, desmarcando "usar proxy para LAN". Os navegadores que testei até agora foram Chrome, Brave e Edge sem sucesso. Aqui está meu código, bem como meu erro exato para quem possa estar curioso:

let url = "http://localhost:8080/api/";
$().ready(()=>{ //GET Button $('#btn-get').click(()=>{
        $("#ajax-form").html ( getDeleteForm('get') ) $("#go-get-delete").click(()=>{
            //get id from form
            let id = $("#form-get-delete #id").val();

            //create AJAX call
            var xhr = new XMLHttpRequest();
            xhr.open('GET',url + id);
            xhr.send();
            xhr.onreadystatechange = ()=>{
                if(xhr.readyState == 4 && xhr.status == 200){
                    //Convert data to JS object
                    let books = JSON.parse(xhr.responseText);
                    processResult(books,'GET');
                }
            }```


`GET http://localhost:8080/api/ net::ERR_CONNECTION_REFUSED`

Answer 1

@Bravo Obrigado pela ajuda consegui descobrir porque não estava funcionando corretamente. Portanto, mudar a porta no LiveServer para corresponder à porta no meu código acabou resolvendo o problema inicial que eu tive. Quanto ao erro de função que recebi, consegui resolvê-lo facilmente. Não percebi que tinha Books.foreach escrito em vez de Books.forEach. Também parece que esqueci de usar # para algumas das minhas funções de processamento.