将多个参数/参数附加到 jsonp 回调函数

Question

如何指定更多参数传递给 jsonp 回调函数？

例如，我正在尝试抓取 youtube 视频数据：

http://gdata.youtube.com/feeds/api/videos/gzDS-Kfd5XQ?v=2&alt=json-in-script&callback=youtubeFeedCallback

将调用的javascript回调函数是youtubeFeedCallback，调用时它只包含一个参数。

到目前为止，功能应该是这样的，

function youtubFeedCallback(response) {
...
}

我想做的是传递这样的第二个参数，

function youtubeFeedCallback(response, divId) {
...
}

这可以吗。我试过在网上到处找，什么都找不到。 谢谢！

Answer 1

创建“脚本”对象时，可以为其添加属性，并在以后使用 document.currentScript 引用它们。这对我有用，但其他人可能需要更优雅的东西。

function blah(stuff,extraarg){
    cs=document.currentScript;
    console.log(stuff); // stuff is your json output
    console.log(cs.extraarg); // cs.extraarg is your extra arg
}

function thing(extraarg){
    var url='https://....&json_callback=blah';
    var s=document.createElement('script');
    s.src=url;
    s.extraarg=extraarg;
    document.body.appendChild(s);
}

Answer 2

更好的方法是像这样指定一个关联的 divId 和 videoId 数组

var arr = {
    'gzDS-Kfd5XQ': 'divId_1',
    'gwWS-Gasfdw': 'divId_2'
};

并在回调函数中通过 videoId 获取您的 divId

function youtubFeedCallback(data)
{
    var divId = arr[data.entry.media$group.yt$videoid.$t];
}

Answer 3

你不能像这样向回调函数添加参数。但是，您可以生成包装函数。 JSONP 回调函数只是作为默认命名空间中的一个函数，这意味着您只需将具有已知名称的生成函数添加到全局 window 对象。第一步是起名字：

var callback_name = 'youtubeFeedCallback_' + Math.floor(Math.random() * 100000);

在现实世界中，您希望将其包装在一个循环中并检查window[callback_name] 是否尚未被占用；您可以使用window.hasOwnProperty(callback_name) 进行检查。一旦你有了名字，你就可以构建一个函数：

window[callback_name] = function(response) {
    youtubeFeedCallback(response, divId);
};

不过，你会想要多一点：

function jsonp_one_arg(real_callback, arg) {
    // Looping and name collision avoidance is left as an exercise
    // for the reader.
    var callback_name = 'jsonp_callback_' + Math.floor(Math.random() * 100000);
    window[callback_name] = function(response) {
        real_callback(response, arg);
        delete window[callback_name];  // Clean up after ourselves.
    };
    return callback_name;
}

一旦你有类似的东西，你可以打电话：

jsonp = jsonp_one_arg(youtubeFeedCallback, divId);

然后使用jsonp 的值作为YouTube URL 中的callback 值。

您也可以构建更多这样的函数来处理更长的参数列表。或者您可以使用arguments 和apply 构建一个通用的。