Question

我希望覆盖模型和集合中的fetch方法，以便在没有网络连接时从localstorage中获取数据。

这是集合中的获取功能

fetch:function(){
   if(online){
      return Backbone.Collection.prototype.fetch.call(this) ;
   }else{
    // return Backbone.Collection.fetch event - with data from localstorage 
   }
}

我在这里面临两个问题

a。未执行成功或错误功能

this.collection.fetch({
   success: function(data){ ... },
   error: function(){ ... }
});

湾如果没有连接，如何将数据设置为集合，以便我可以在成功函数中访问它

Answer 1

尝试这样的事情。 $ .ajax返回一个承诺，因此您应该能够执行以下操作

fetch:function(){
   var dfd = new jQuery.Deferred();
   if(this.online){
      return Backbone.Collection.prototype.fetch.call(this) ;
   }else{
     // Do your logic for localstorage here
     dfd.resolve();
   }

   return dfd.promise();
}

然后您可以使用上面的示例或我喜欢的

this.collection.fetch().then(function() { 
    console.log('Successfully fetched from localstorage or server.'); 
});

Answer 2

经过研究，我找到了问题的答案a。

fetch:function(options){
    if(navigator.onLine){
        return Backbone.Collection.prototype.fetch.apply(this, options) ;
    }else{
     return //Trying to findout
    }
}

在将选项参数传递给fetch函数和fetch.apply的参数后，我们将能够从调用函数访问success函数

Answer 3

最重要的是覆盖Backbone的sync（）方法以涵盖保存和编辑。如果您使用的是backbone.localStorage.js提供的本地存储，您的覆盖可能如下所示：

Backbone.sync = function(method, model, options, error) {
    if(navigator.onLine){ // Or, however you determine online-ness
        return Backbone.ajaxSync.apply(this, [method, model, options, error]);
    }
    return Backbone.localSync.apply(this, [method, model, options, error]);        
}

我没有试过这个，但希望你明白了。不要忘记在模型和集合上定义localStorage属性。

覆盖骨干网中的fetch方法

3 个答案: