Recibiendo un error al intentar probar con localhost

Question

Tengo un problema con mi código, pero parece que no puedo resolverlo. Cuando ejecuto LiveServer con Visual Studio, el sitio web se carga, pero tan pronto como hago clic en el botón "OBTENER" que puse, aparece "ERR_CONNECTION_REFUSED". Decidí profundizar un poco más con inspeccionar fuente y apuntó a esta línea de código:

xhr.send();

Así es exactamente como mi profesor nos muestra cómo hacerlo y funciona bien para él, así que realmente no entiendo mi problema. Ya intenté deshabilitar mi bloqueador de anuncios, dns flush, deseleccionando "usar proxy para LAN". Los navegadores que he probado hasta ahora han sido Chrome, Brave y Edge sin éxito. Aquí está mi código, así como mi error exacto para cualquiera que tenga curiosidad:

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 Gracias por su ayuda. Pude averiguar por qué no funcionaba correctamente. Entonces, cambiar el puerto en LiveServer para que coincida con el puerto en mi código terminó resolviendo el problema inicial que tenía. En cuanto al error de función que recibí, pude resolverlo fácilmente. No me di cuenta de que tenía Books.foreach escrito en lugar de Books.forEach. También parece que olvidé usar # para algunas de mis funciones de procesamiento.