动态更改queue.js中“延迟”调用的数量

时间:2014-02-10 20:27:28

标签: javascript queue.js

我的网页允许用户在图表上绘制多个时间序列,我使用queue.js去异步获取这些数据,如下所示:

queue()
.defer(d3.json, "api/TransactionCost/?marketCode=" + marketCode1)
.defer(d3.json, "api/TransactionCost/?marketCode=" + marketCode2)
.defer(d3.json, "api/TransactionCost/?marketCode=" + marketCode3)
.await(onDataLoaded);

function onDataLoaded(error, json1, json2, json3) {
  // plot the 3 timeseries
}

我希望用户能够请求额外的行,如果他们愿意,这意味着我需要做额外的'延迟'调用。 我想知道如何动态附加额外的'延迟'调用(如果可能的话)以及如何创建'onDataLoaded'函数,以便它可以处理可变数量的参数。

1 个答案:

答案 0 :(得分:9)

  

我想知道如何动态追加额外的延迟'电话(如果可能的话)

为队列使用变量,并动态地向其添加defer次调用:

var q = queue();
for (/* each file */)
    q = q.defer(d3.json, filename);
q.await(onDataLoaded);
  

如何创建' onDataLoaded'功能,以便它可以处理可变数量的参数。

您可以使用arguments object访问可变数量的参数。在你的情况下,它看起来像

function onDataLoaded(error) {
    if (!error) {
        // Either simply loop them:
        for (var i=1; i<arguments.length; i++)
            … arguments[i] …
        // or slice them into an array:
        var jsons = Array.prototype.slice.call(arguments, 1);
        …
    } else { … }
}