尝试使用 localhost 进行测试时收到错误消息答案

【问题标题】：Receiving an error when trying to test with localhost尝试使用 localhost 进行测试时收到错误消息
【发布时间】：2020-12-09 02:23:45
【问题描述】：

我的代码有问题，但我似乎无法弄清楚。当我使用 Visual Studio 运行 LiveServer 时，网站会加载，但只要我单击放入其中的“GET”按钮就会抛出“ERR_CONNECTION_REFUSED”。我决定用inspect source深入挖掘一下，它指向了这行代码：

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`

【问题讨论】：

您是否检查过您用于 API 的端口配置是否正确？
阅读此处的 cmets stackoverflow.com/questions/61943994/… 并查看此内容 stackoverflow.com/questions/60158617/…
你在本地机器的 8080 端口上运行什么 http 服务器？
@Bravo 我正在运行的服务器是 127.0.0.1
@Lae 是的，据我所知，我的端口配置正确。唯一不同的端口是 LiveServer 的端口，它在安装时自动配置为端口 5500。

标签： javascript jquery ajax

【解决方案1】：

@Bravo 感谢您的帮助，我能够找出它无法正常运行的原因。因此，更改 LiveServer 上的端口以匹配我的代码中的端口最终解决了我最初遇到的问题。至于我收到的功能错误，我能够轻松解决。我没有意识到我写的是 Books.foreach 而不是 Books.forEach。看起来我也忘了使用 # 来处理我的一些处理功能。

【讨论】：