覆盖Backbone.js中的collection fetch()方法会导致对服务器的双重请求

时间:2013-08-20 21:51:21

标签: backbone.js

我正在使用Backbone.js和Require.js进行应用程序。我有一个“机会”Backbone集合,我需要修改fetch方法,因为来自服务器的数据来自“结果”对象。

我通过做一些我发现in this question的事情来做这个伎俩,此时一切看起来都不错。

问题是我注意到fetch方法要求服务器提供数据TWO TIMES而不是预期的ONE。

我正在测试,现在我发现如果我删除此代码:return Backbone.Collection.prototype.fetch.call(this, options); Backbone只会向网址询问数据一次,显然这段代码导致问题,但我不知道原因。< / p>

这是我的Backbone系列

define([
    'backbone',
    'models/Opportunity'
], function(Backbone, Opportunity){

    var Opportunities = Backbone.Collection.extend({

        url: "/api/v1/opps/",

        model: Opportunity,

        // Need to have custom fetch because json data is coming inside a
        // "results" array inside the JSON.
        fetch : function(options) {
            // store reference for this collection
            var collection = this;
            $.ajax({
                type : 'GET',
                url : this.url,
                dataType : 'json',
                success : function(data) {
                    // set collection main data
                    collection.reset(data.results);
                }
            });

            // For some reason this is causing a double request
            // to the server
            return Backbone.Collection.prototype.fetch.call(this, options);
        }
    });

    return Opportunities;

});

有人知道原因是因为这个错误正在发生吗?

1 个答案:

答案 0 :(得分:3)

它正在取两次,因为你正在使用jQuery直接获取它,调用模型自己的fetch方法也会调用一个AJAX请求。

如果您想将data.results返回到您的收藏集(以及随后的模型),您可以使用parse方法,例如:

var Opportunities = Backbone.Collection.extend({
    url: "/api/v1/opps/",
    model: Opportunity,
    parse: function(data){
        return data.results;
    }
});