javascript - 使用 jQuery 将参数动态传递到 YouTube API

Question

我正在发出如下 YouTube API 请求:

$.get("https://www.googleapis.com/youtube/v3/channels", {
    part: "contentDetails",
    id: "somestring",
    key: "MY-API-KEY"
} /*, ...*/ )

我有一个值为 id 的隐藏字段。用户可以选择是否要使用id或forUsername。

如果我使用下面的 jQuery 代码，我会收到错误:

unexpected string

API 参数缺失，但在本例中值为 id。

$.get("https://www.googleapis.com/youtube/v3/channels", {
    part: "contentDetails",
    $("#subtype").val(): $("#url").val(),
    key: "MY-API-KEY"
}, /*, ...*/ )

如何使用 jQuery 代码？

Answer 1

您可以使用新的 ES6 对象初始值设定项语法来实现此目的:

$.get("https://www.googleapis.com/youtube/v3/channels", {
    part: "contentDetails",
    [$("#subtype").val()]: $("#url").val(),
    key: "MY-API-KEY"
})

请注意计算属性名称周围的方括号。如果您想支持不支持 ES6 的浏览器，请使用更简单的方法:

var params = {
    part: "contentDetails",
    key: "MY-API-KEY"
};
params[$("#subtype").val()] = $("#url").val();
$.get("https://www.googleapis.com/youtube/v3/channels", params);