带有自定义获取 URL 的 Backbone.js

Question

我正在尝试在我的主干模型上设置一个变体获取方法，该方法将为给定用户获取当前模型。这可从/api/mealplans/owner/{username}/current 上的 API 获得。

我编写了以下模型。我注释掉了 URL Root，因为原型 fetch 调用只是使用 urlRoot，我想看看它是否覆盖了我以某种方式传入的 url 参数。

var mealPlan = Backbone.Model.extend({
  name: 'Meal Plan',
  //urlRoot: '/api/mealplans',
  defaults: {},
  fetchCurrent: function (username, attributes, options) {
    attributes = attributes || {};
    options = options || {};
    if (options.url === undefined) {
      options.url = "/api/mealplans/owner/" + username + "/current";
    }
    return Backbone.Model.prototype.fetch.call(this, attributes, options);
  },
  validate: function (attributes) {
    // To be done
    return null;
  }
});

我已经在其他地方看到了这种情况，例如backbone.js use different urls for model save and fetch - 在这种情况下，代码略有不同（我从它开始并将其分解以使我更容易阅读。 )

当我将选项对象传递给 fetch 时，它的 url 参数很好，但它似乎忽略了它！

Answer 1

我假设获取与保存相同的参数 - 事实并非如此。

fetch 的方法签名只接受“options”而不是“attributes”，因此找不到 url 参数。

模型代码应该看起来更像这样..

   var mealPlan = Ministry.Model.extend({

        name: 'Meal Plan',
        urlRoot: '/api/mealplans',

        defaults: {
        },

        fetchCurrent: function (username, options) {
            options = options || {};
            if (options.url === undefined) {
                options.url = this.urlRoot + "/owner/" + username + "/current";
            }

            return Backbone.Model.prototype.fetch.call(this, options);
        },

        validate: function (attributes) {
            // To be done
            return null;
        }
    });

Answer 2

我认为最好重写 url() 方法，如下所示：

 var mealPlan = Ministry.Model.extend({

    name: 'Meal Plan',
    urlRoot: '/api/mealplans',

    //--> this gets called each time fetch() builds its url
    url: function () { 
        //call the parent url()
        var url=Backbone.Model.prototype.url.call(this);
        //here you can transform the url the way you need
        url += "?code=xxxx";
        return url;
    }
 ...

此外，在您上面的示例中，我认为有一个错误，您应该将 fetchCurrent 替换为 fetch