javascript - 发出 GET 请求时出错“加载资源失败:net::ERR_CONNECTION_REFUSED”
问题描述
对此非常新,但我正在尝试测试一个小型应用程序,该应用程序对本地服务器http://localhost:3000/golfpool-standings上的快速端点执行 GET 请求并使用返回的 JSON 在 html 表中显示数据但是当我尝试在脚本中使用时,我得到 Failed to load resource: net::ERR_CONNECTION_REFUSED 我正在实时服务器上测试http://127.0.0.1:5500/golfApp/index.html 即使在这之后我也遇到了困难在这里查看类似的答案。任何帮助表示赞赏。我的第一个问题,请温柔一点。
我可以从 Chrome 浏览器访问端点http://localhost:3000/golfpool-standings并且返回的 JSON 显示在屏幕上,因此后端似乎正在工作。 https://github.com/paulcullen79/golfApp
// index.js
const data = $.getJSON("http://localhost:3000/golfpool-
standings")
// server.js
const express = require('express')
const app = express()
app.get('/golfpool-standings', (req, res) => {
res.send(data)
})
const port = process.env.port || 3000
app.listen(port, () => console.log(`Listening on port ${port}...`))
解决方案
此行$.getJSON("http://localhost:3000/golfpool-standings")
正在请求json
资源,但您的服务器未提供json
.
来自jQuery
文档:
从 jQuery 1.4 开始,如果 JSON 文件包含语法错误,请求通常会静默失败。
更改您的服务器代码:
app.get('/golfpool-standings', (req, res) => {
// send data as json
res.json(data)
})
或将您的请求更改为$.get("http://localhost:3000/golfpool-standings")