在 JQuery 中使用 await fetch post 请求时获取 http://localhost:14532/[object%20Object]/ 404 (Not Found)

Question

我正在使用 JQuery 向服务器发送异步 POST 请求并获取响应值，并且似乎运行良好。但是，我收到了您在问题标题中看到的错误，我不知道为什么，因为我没有在任何地方执行任何 GET 请求。

客户端代码：

async startGame(username) { 
        await fetch ($.post("/startGame", {username: username}, (data) => {
            data = JSON.parse(data);
            this.idPlayer = data[0];
            this.idGame = data[1]
            console.log("data1:");
            console.log(data) 
        }));

        await fetch ($.post("/lookingForAPlayer", (data) => {
            data = JSON.parse(data);
            console.log("data2:");
            console.log(data)
        }));
    }

服务器端代码（node.js）：

app.post('/startGame', function(req, res) {
    dbConnection.getIdPlayer(req.body.username).then(data1 => {
        dbConnection.addGame(data1).then(data2 => {
            res.end(JSON.stringify([data1, data2]));
        });
    });
});

app.post('/lookingForAPlayer', function(req, res) {
    dbConnection.lookingForAPlayer().then(data => {
        res.end(JSON.stringify(data));
    });
});

结果：

有错误：

如您所见，两个请求都是异步发出的，所以它可以满足我的需要，但我认为我遇到的错误不正常。

Answer 1

你要么使用fetch，要么使用jQuery POST调用，但不能同时使用。

发生的情况是您正在使用 jQuery 进行 POST 请求，但它都被一个具有默认方法 GET 的 fetch 请求包装，所以这就是它尝试发出 GET 请求的原因。

async startGame(username) { 
    await $.post("/startGame", {username: username}, (data) => {
        data = JSON.parse(data);
        this.idPlayer = data[0];
        this.idGame = data[1]
        console.log("data1:");
        console.log(data) 
    });

    await $.post("/lookingForAPlayer", (data) => {
        data = JSON.parse(data);
        console.log("data2:");
        console.log(data)
    });
}

如果你更喜欢使用fetch，而不是jQuery（我推荐），你可以使用这个

async startGame(username) { 
    await fetch("/startGame", {
        method: 'post',
        body: JSON.stringify({username: username})
    }).then(function(data) {
        data = JSON.parse(data);
        this.idPlayer = data[0];
        this.idGame = data[1]
        console.log("data1:");
        console.log(data)
    });

    await fetch("/lookingForAPlayer", {
        method: 'post',
    }).then(function(data) {
        data = JSON.parse(data);
        console.log("data2:");
        console.log(data)
    });
}