我需要一些帮助来获取参数以通过我的 AJAX 调用

Question

我正在使用 ajax 调用我的数据库以获取一些数据。我尝试将其限制为特定的 ID。我让后端工作。当我访问特定的 localhost url 或从 Postman 调用它时，它可以工作。然后我得到预期值。但是，当我尝试使用 AJAX 从我的客户那里拨打电话时，我什么也得不到。我遇到了一个有时会起作用，有时却不起作用的事情。

const GetUserById = (id) => {
    let url = "/Users/1";
    $.get(url, (gotUser) => {
        alert(gotUser.id);
    })
}

我有这个方法，我只是硬编码到 /Users/1 以进行测试。当我在邮递员中调用它或转到 localhost:8080/Users/1 时，我得到了我期望的东西。然而在这里它根本没有去任何地方。

app.get("/Users/:id", (request, response) => {
    let sqlCode = "select Id, Username, [Password], Credits from Users Where Id = " + request.params.id;

    sql.query(connString, sqlCode, (error, result) => {

        if (error) {
            console.log(error);
        }
        else {
            response.json(result);
        }
    });
});

服务器端，如果这很有趣的话。

编辑：添加了这样的尝试捕获。它甚至没有抓住。它到达 $.get(url, (gotUser) => { 的行，然后它走到函数的末尾并且没有得到任何东西。

 try {
        $.get(url, (gotUser) => {
            alert(gotUser.id);
        })
    } catch (error) {
        console.log(error);
    }

Answer 1

处理 ajax 请求的一个典型问题是 CORS。在您的情况下，一个快速解决方法是在响应标头中指定允许来源，如下所示：

response.header("Access-Control-Allow-Origin", "*");
response.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

以更一般的方式，您可能需要在应用程序级别指定它，或使用任何包来处理它（cors）。
编辑---

app.get("/Users/:id", (request, response) => {
response.header("Access-Control-Allow-Origin", "*");
response.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

    let sqlCode = "select Id, Username, [Password], Credits from Users Where Id = " + request.params.id;

    sql.query(connString, sqlCode, (error, result) => {

        if (error) {
            console.log(error);
        }
        else {
            response.json(result);
        }
    });
});

Answer 2

如果是 cors 问题，请尝试以下方法

var cors = require('cors');
    
app.get("/Users/:id",cors(), (request, response) => {
            let sqlCode = "select Id, Username, [Password], Credits from Users Where Id = " + request.params.id;
        
sql.query(connString, sqlCode, (error, result) => {
        
     if (error) {
                    console.log(error);
                }
                else {
                    response.json(result);
                }
            });
        });