Backbone _.each AJAX 依赖项

Question

我目前已经有了这段代码：

handleSubmit: function(e)
{
    var to_bucket = this.$('.transaction_bucket').val();

    // Move all the transactions for this bucket to the selected bucket
    window.app.model.active_transactions.each(
        function(transaction)
        {
            transaction.set({bucket_id: to_bucket});
            transaction.save();
        }
    );

    this.model.destroy({success: function() { window.app.model.buckets.fetch();}});
}

如何修改它，以便只有在所有 _.each ajax 事务发生时才触发销毁？如果我之前有一个 ajax 请求，我只会使用 success: 参数，但我不能在这里这样做。

在骨干中执行此操作的正确方法是什么？

Answer 1

model.save 返回请求中使用的 xhr 对象。在 jQuery 1.5 中，这些对象是延迟对象，您可以使用它来构建同步机制。

例如，

var to_bucket = this.$('.transaction_bucket').val(), 
    calls=[],
    mdestroy=this.model.destroy;

window.app.model.active_transactions.each(function (transaction) {
    transaction.set({bucket_id: to_bucket});
    calls.push(transaction.save());
});

$.when.apply($, calls).then(function () {
    mdestroy({success: function () {window.app.model.buckets.fetch();}});
});

Answer 2

我没有骨干经验，但我会像这样解决这个问题：

• 获取 active_transactions 的数量。
• 在 transaction.save() 上，检查已处理事务的数量（在成功和/或错误回调中），如果它与 active_transactions 的数量匹配，则销毁模型。

Answer 3

一种可能的解决方案是创建一个自定义 API 方法，该方法将事务作为参数并在服务器端完成工作。这将减少 https 请求并提高性能。

Answer 4

只需跟踪已处理的事务数量并在最后一个回调中触发销毁，如下所示：

handleSubmit: function(e)
{
  var to_bucket = this.$('.transaction_bucket').val();
  var remainingTransactions = window.app.model.active_transactions.length;
  var self = this;

  window.app.model.active_transactions.each(
    function(transaction)
    {
        transaction.save({bucket_id: to_bucket}, {
          success: function(){
            remainingTransactions -= 1;
            if(remainingTransactions < 1) {
              self.model.destroy({success: function() { window.app.model.buckets.fetch();}});
            }
          }
        });
    }
  );

}