jquery – 如何在一些Backbone保存后发出一个AJAX请求

2023年7月21日 205次阅读

我有一种情况,我需要保存一个Backbone模型然后成功迭代一个集合并保存那些然后在每个成功迭代通过另一个集合并保存那些然后在完成所有这些完成后执行一个
AJAX请求.这就是我所拥有的：

backboneModel.save(
    {},
    {
         wait: true,
         success: function (model1, response1)
         {
              $.each(backboneCollection1.models, function () {
                    this.save(
                        {},
                        {
                             wait: true,
                             success: function (model2, response2)
                             {
                                  $.each(backboneCollection2.models, function () {
                                       this.save(
                                           {},
                                           {
                                                wait: true,
                                                success: function (model2, response2)
                                                {
                                                     //If i put the AJAX request here it will happen for every iteration which is not desired
                                                }
                                           });
                                  });
                              }
                         });
               });
               //If i put the AJAX request here it will fire after one iteration of the first each even with async set to false on the AJAX request
         }
   });

有没有人对在哪里执行这个AJAX请求有任何建议,所以它只在所有骨干模型保存到服务器后触发一次？

最佳答案 看看我创建的这个
jsfiddle.它取代了你成功的回调,并使用promises来保存你的模型,然后是集合1,然后是集合2.一旦完成所有这些,你就可以在done()中进行ajax调用.

大部分变更都是用上面的替换.

var saveEverything = backboneModel.save()
.pipe(function() { return saveCollection(backboneCollection1); })
.pipe(function() { return saveCollection(backboneCollection2); });
saveEverything.done(function() { console.log('done with everything, ajax time') });//make your ajax call in the done

如果你不知道jQuery承诺是什么,this是一个非常好的博客文章解释承诺.如果我的例子根本没有任何意义,我可以尝试解释发生了什么以及发生了什么.

点赞