Menerima kesalahan saat mencoba menguji dengan localhost

Dec 09 2020

Saya mengalami masalah dengan kode saya tetapi sepertinya saya tidak bisa memahaminya. Ketika saya menjalankan LiveServer dengan Visual Studio, situs web dimuat tetapi segera setelah saya mengklik tombol "GET" yang saya taruh di dalamnya akan muncul "ERR_CONNECTION_REFUSED". Saya memutuskan untuk menggali lebih dalam dengan inspect source dan itu menunjuk ke baris kode ini:

xhr.send();

Ini persis seperti bagaimana profesor saya menunjukkan kepada kita bagaimana melakukannya dan itu bekerja dengan baik untuknya jadi saya tidak benar-benar memahami masalah saya. Saya sudah mencoba menonaktifkan pemblokir iklan saya, dns flush, membatalkan pilihan "gunakan proxy untuk LAN". Browser yang saya uji sejauh ini adalah Chrome, Brave, dan Edge yang tidak berhasil. Ini kode saya dan juga kesalahan saya untuk siapa saja yang mungkin penasaran:

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`

Jawaban

s3lman Dec 10 2020 at 12:49

@Bravo Terima kasih atas bantuan Anda. Saya bisa mengetahui mengapa tidak berfungsi dengan benar. Jadi mengubah port di LiveServer agar sesuai dengan port di kode saya akhirnya menyelesaikan masalah awal yang saya miliki. Adapun kesalahan fungsi yang saya terima bisa saya atasi dengan mudah. Saya tidak menyadari bahwa saya memiliki Books.foreach yang ditulis sebagai ganti Books.forEach. Sepertinya saya lupa menggunakan # untuk beberapa fungsi pemrosesan saya.