postman 如何在Javascript中添加路径变量来获取API?

cyej8jka  于 2022-12-18  发布在  Postman
关注(0)|答案(1)|浏览(136)

我使用mockapi的一个非常简单的项目。为了改变数据,我必须发送PUT请求。我可以使用PostMan发送请求,如下图所示。一切工作完美。但我不知道在哪里使用Javascript提取api添加路径变量。我知道如何添加正文,我知道如何添加标题,但我不知道在哪里添加路径变量。
我的代码是:

async function getData() {
    let url = "https://blablabla/moves/:id";

    const fetchData = {
        method: "PUT",
        body: {
            roomid: 2512,
            move: "move 2",
            id: 2,
        },
        headers: new Headers({
            "Content-Type": "application/json; charset=UTF-8",
        }),
    };

    await fetch(url, fetchData)
        .then((response) => response.json())
        .then((data) => console.log(data));
}

和 Postman 截图:Postman Screenshot
我添加了键:idpart。我想知道的是如何添加“**value:2”**部分(你可以在图片中看到)来获取API。任何帮助都将不胜感激。
我试图在javascript中获取PUT请求,但无法找出在哪里放置路径变量。

n9vozmp4

n9vozmp41#

在fetch API中没有路径变量,但是你可以在字符串本身中传递id,如下所示:

async function getData(id) {
    let url = `https://blablabla/moves/${id}`; // use string interpolation here

    const fetchData = {
        method: "PUT",
        body: {
            roomid: 2512,
            move: "move 2",
            id: 2,
        },
        headers: new Headers({
            "Content-Type": "application/json; charset=UTF-8",
        }),
    };

    await fetch(url, fetchData)
        .then((response) => response.json())
        .then((data) => console.log(data));
}

相关问题