localhost로 테스트를 시도 할 때 오류 수신

Question

내 코드에 문제가 있지만 알아낼 수없는 것 같습니다. Visual Studio로 LiveServer를 실행하면 웹 사이트가로드되지만 "GET"버튼을 클릭하자마자 "ERR_CONNECTION_REFUSED"가 발생합니다. 소스 검사를 좀 더 자세히 살펴보기로했고 다음 코드 줄을 가리 켰습니다.

xhr.send();

이것이 바로 제 교수님이 어떻게하는지 보여 주셨고 그에게 좋은 결과가 되었기 때문에 저는 제 문제를 정말로 이해하지 못합니다. 이미 내 광고 차단기 인 DNS 플러시를 비활성화하고 "LAN 용 프록시 사용"을 선택 취소했습니다. 지금까지 테스트 한 브라우저는 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`

Answer 1

@Bravo 도와 주셔서 감사합니다. 왜 제대로 작동하지 않는지 알아낼 수있었습니다. 따라서 LiveServer의 포트를 내 코드의 포트와 일치하도록 변경하면 내가 가진 초기 문제가 해결되었습니다. 내가받은 기능 오류는 쉽게 해결할 수 있었다. Books.forEach 대신 Books.foreach가 작성되었다는 사실을 몰랐습니다. 또한 일부 처리 기능에 #을 사용하는 것을 잊은 것 같습니다.