骨干 js 并使用 fetch(） 用数据填充模型

Backbone js and populating a model with data using fetch()

本文关键字：数据 填充 模型 fetch js 骨干      更新时间：2023-09-26

我正在使用Backbone js，我正在尝试使用fetch使用数据填充模型。问题是获取似乎有效，但我的模型没有填充数据。

代码片段：

Backbone.emulateHTTP = true;
    Backbone.emulateJSON = true;
    ComponentsModel = Backbone.Model.extend({
        initialize : function() {
        },
        defaults : {
            component_id : null
        },
        urlRoot : "/components/ajax_component",
    });
    ComponentsView = Backbone.View.extend({
        el : $('body'),
        events : {
            'change #component-selector' : 'changeComponent',
        },
        initialize : function() {
            _.bindAll(this, 'render', 'changeComponent');
            this.render();
        },
        changeComponent : function(e) {
            var clickedEl = $(e.currentTarget);
            var value = clickedEl.attr("value");
            var component = new ComponentsModel({id :value, component_id :value });
            component.fetch();
            component.toJSON();
            alert(component.get('component_name'));
        },
        render : function() {
        },
    });

从服务器返回的 JSON 如下所示：

{"component_id":"1","component_name":"Test Component 1","component_description":"A simple test component","component_required":"","user_id":"1","component_approved":"0","component_price":"0","component_overview":"'"}

警报始终未定义。我错过了什么吗？

Fetch 是异步的，这就是为什么它有success和error回调。因此，不确定在您尝试获取属性时是否获取数据。试试这个：

component.fetch({
   success: function(){
       // Now you got your data
   }});
相关文章：