ローカルホストでテストしようとするとエラーが発生する

Dec 09 2020

コードに問題がありますが、理解できないようです。Visual StudioでLiveServerを実行すると、Webサイトが読み込まれますが、[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`

回答

s3lman Dec 10 2020 at 12:49

@Bravoご協力いただきありがとうございます。正しく機能しなかった理由を見つけることができました。そのため、LiveServerのポートをコードのポートと一致するように変更すると、最初の問題が解決されました。私が受け取った機能エラーについては、簡単に解決することができました。Books.forEachの代わりにBooks.foreachが書かれていることに気づきませんでした。また、一部の処理関数で#を使用するのを忘れたようです。