Получение ошибки при попытке тестирования с помощью localhost

Dec 09 2020

У меня проблема с кодом, но я не могу ее понять. Когда я запускаю LiveServer с Visual Studio, веб-сайт загружается, но как только я нажимаю кнопку «ПОЛУЧИТЬ», которую я вставляю, он выдает «ERR_CONNECTION_REFUSED». Я решил копнуть немного глубже с проверкой исходного кода, и он указал на эту строку кода:

xhr.send();

Именно так мой профессор показывает нам, как это делать, и это хорошо работает для него, поэтому я не совсем понимаю свою проблему. Я уже пробовал отключить блокировку рекламы, очистку DNS, сняв флажок «использовать прокси для локальной сети». Браузеры, которые я тестировал до сих пор, были Chrome, Brave и Edge, но безуспешно. Вот мой код, а также моя точная ошибка для всех, кому может быть интересно:

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`

Ответы

s3lman Dec 10 2020 at 12:49

@Bravo Спасибо за вашу помощь. Я смог выяснить, почему он работает некорректно. Таким образом, изменение порта на LiveServer в соответствии с портом в моем коде привело к решению исходной проблемы, которая у меня была. Что касается ошибки функции, которую я получил, я смог ее легко решить. Я не понимал, что у меня был Books.foreach вместо Books.forEach. Также похоже, что я забыл использовать # для некоторых моих функций обработки.