javascript - 从 JSON API 简化 JS 查询

Question

我正在尝试使用类似于以下示例的 API 显示一些数据。

我需要从 CMS 中输入诸如视频 ID 之类的数据，然后它将从 API 中检索有关视频的其他数据。

下面的示例有效，但我不确定我是否以最佳方式编写它 - 我希望能够使用 CMS 前端模板字符串中的视频 ID 设置变量。下面我必须重复视频 ID 才能使其正常工作 - 我正在努力简化这一点。

任何帮助表示赞赏！

async function getSomething() {
    let request = {
        item: {
            name: "example",
            colour: "red"
        },
        video: ["12345"]
    };
    let url = new URL("https://example.com"); 
    url.searchParams.append('data', JSON.stringify(request));
    let response = await fetch(url);
    let data = await response.json();
    console.log(data.video);
    return data;
}

getSomething().then(data => 
    document.querySelector('[data-video-id]').innerHTML = data.video.12345.label
);

标签： javascriptjson