Question

这是我开始使用BackBone.js的最初几天。我实际上卡在路由器部分，因为我在控制台中收到错误“错误：必须指定url属性或函数”。这是我的情景;我有一个动态形成REST URL的click功能，并相应地从服务器获取数据。

这是点击功能代码

function onUserClick(obj){
     var userID=$(obj).attr('id');
     window.location.href="#"+userID+"/";
     var userRouter = new UserRouter;
}

我在路由器中有以下代码

var userModel;
var UserRouter = Backbone.Router.extend({
    routes:{
        ":userid/":"getUsers"
    },
    getUsers:function(userid){
        var url="http://myserver.com/users/"+userid;
        userModel = new UserModel({urlRoot:url});
        var userView = new UserView({el:$(#"container")});
    }
});
var UserModel = Backbobe.Model.extend({});
var UserView = Backbone.View.extend({
    model:userModel,
    initialize:function(){
        _.templateSettings = {
            interpolate: /\{\{\=(.+?)\}\}/g,
            evaluate: /\{\{(.+?)\}\}/g
        };
        this.model.fetch();
        this.model.bind("change",this.render,this);
    },
    render:function(){
        var data=this.model.toJSON();
        var userTemplate=_.template($("#userTemplate").text());
        var htmlData=userTemplate({
            "userData":data
        });
        $(this.el).html(htmlData);
    }
});

有人可以帮我解决这个问题吗？我知道我在这里做错了什么，并就此寻求专家意见。非常感谢为此场景提供的样本。

Answer 1

您在模型上致电fetch：

var UserView = Backbone.View.extend({
    model: userModel,
    initialize: function() {
        // ...
        this.model.fetch();

但是你没有给你的模型一个url属性：

var UserModel = Backbone.Model.extend({});

fetch方法与服务器对话，并使用url执行此操作：

网址 model.url()

返回模型资源在服务器上的相对URL。如果模型位于其他位置，请使用正确的逻辑覆盖此方法。生成格式为"/[collection.url]/[id]"的网址，如果模型不属于集合，则返回"/[urlRoot]/id"。

default implementation for a Model's url看起来像这样：

url: function() {
  var base = _.result(this, 'urlRoot') || _.result(this.collection, 'url') || urlError();
  if (this.isNew()) return base;
  return base + (base.charAt(base.length - 1) === '/' ? '' : '/') + encodeURIComponent(this.id);
},

你没有urlRoot，你没有一个集合来委派URL生成，你还没有覆盖url所以urlError()被调用，那就是您的错误消息来自哪里。

您的UserModel需要RESTful url属性或函数，以便您可以从服务器fetch实例。或者，您可以根据客户端环境中已有的数据创建模型（只要您不打算通过Backbone保存任何内容）。

错误：必须指定url属性或函数

1 个答案: