Backbone fetch() 总是返回相同的模型

Question

由于某种原因，我的代码总是返回相同的模型，即使在我在 listView 页面中选择项目后我可以看到传入了正确的 id。

// main.js (relavent function)

    venueDetails: function (id) {
        // here, id is correct
        var venue = new Venue({_id: id});
        venue.fetch({success: function(){
            // here, the id of venue is changed for some reason
            console.log(venue.id);
            $("#content").html(new VenueView({model: venue}).el);
        }});
        this.headerView.selectMenuItem();
    },

模型，

// model.js (relavent model)

    var base = 'http://localhost:3000';

    window.Venue = Backbone.Model.extend({
        urlRoot: base+"/venues",
        idAttribute: "_id",
    });

    window.VenueCollection = Backbone.Collection.extend({
        model: Venue,
        url: base+"/venues?populate=true"
    });

在图片中，您可以看到model.id与url中的内容不同的地方

编辑：添加路由器映射

var AppRouter = Backbone.Router.extend({

routes: {
    ""                     : "home",
    <!-- venues -->
    "venues"               : "venueList",
    "venues/page/:page"    : "venueList",
    "venues/add"           : "addVenue",
    "venues/:id"           : "venueDetails",

Answer 1

我不知道_id 属性是否在模型中被正确访问，因为venue.fetch 似乎在调用某种类型的默认值。

不妨试试：

   window.Venue = Backbone.Model.extend({
        urlRoot: base+"/venues",
        idAttribute: this.options._id,
    });

（并从选项哈希中提取 id）

如果这不起作用，请尝试动态声明 idAttribute：

   window.Venue = Backbone.Model.extend({
        urlRoot: base+"/venues",
        idAttribute: function() { return this.options._id },
    });

Answer 2

这个

 var base = 'http://localhost:3000';

是个坏主意，完全没有必要。完全摆脱它。只需使用绝对路径（如“/venues”）作为 URL，您的应用无论在何处运行都能正常运行。

在您的代码和屏幕截图之间有 2 个不同的端口。您确定您正在与正确的应用程序服务器通信吗？

否则，您是否检查过服务器端代码是否存在错误？这可能很简单，因为服务器端代码在查询数据库时使用了错误的值。