javascript - 按特定顺序在 Trello 上创建卡片

Question

我正在使用 Trello client.js 库通过循环遍历表中的行来在 Trello 列表上创建一些卡片。然而，按顺序创建卡片很重要。现在，我的代码如下所示:

$("#list > tbody > tr").each(function() {
  $item = "Item: "+$(this).children('td').append(' ').text();
  Trello.post("cards", { name: $item,  idList: "myID"});
});

这可以很好地创建所有卡片；然而，它们并不总是按照正确的顺序创建的。这并不奇怪，因为 Trello.post 函数是异步的，因此调用是按顺序生成的，但可能会在不同的时间内完成。

有什么解决办法吗？似乎我需要阻塞直到每个调用完成，但我不太确定如何做到这一点。有什么通用的或jquery的方法吗？我可以为每个调用指定一个成功函数，所以看起来我也可以向下递归，但不太确定如何执行此操作，尤其是在使用每个函数时。

Answer 1

我可以看到你有两个选择。您可以连续进行调用，也可以使用 pos 选项设置顺序。

系列调用:我建议使用像 async 这样的库，这使得这变得简单:

async.eachSeries($("#list > tbody > tr"), function(item, cb) {
  var title = "Item: "+$(item).children('td').append(' ').text();
  Trello.post("cards", { name: $item,  idList: "myID"}, cb);
}, function() {
  // Done!  Do anything that needs to happen last here.
});

pos:卡片按其pos值排序；默认为当前最后一张卡的 pos + 1024，但您可以设置它以确保正确的顺序:

var pos = 1024;
$("#list > tbody > tr").each(function() {
  $item = "Item: "+$(this).children('td').append(' ').text();
  Trello.post("cards", { name: $item,  idList: "myID", pos: pos});
  pos += 1024;
});