用Backbone.js设置我的模型

我正在尝试使用Backbone.js来简化数据（JSON）管理和与DOM的交互。

首先，我不确定Backbone.js是否真的可以简化和改进当前的流程，但我认为它可以。

以前我使用jQueryAJAX函数检索数据。现在，我正在将数据（仍然使用AJAX）Backbone样式检索到Backbone模型中。

对于更新，之前我通过JSON对象本身进行解析来更新数据。然后，我会将更新后的json发送回后端（就像我收到它一样）。

现在，是否可以使用Backbone中的set函数来简化以下内容，理想情况下应该在哪里构建set属性行为（以及所有其他UI绑定，如更改事件）？它会出现在视图初始值设定项中的fetch（）成功处理程序上吗？

function setBucketOffer(bucketName, newId) {
    var segments = json.segments;
    for (var i = 0; i < segments.length; i++) {
        if (segments[i].market.toLowerCase() === g_market) {
            var genders = segments[i].gender;
            for (var i = 0; i < genders.length; i++) {
                if (genders[i].name.toLowerCase() === g_segment) {
                    var buckets = genders[i].buckets;
                    for (var i = 0; i < buckets.length; i++) {
                        if (buckets[i].name === bucketName) {
                            buckets[i].confirm = newId;
                            return;
                        }
                    }
                }
            }
        }
    }
}

示例JSON

{
    "segments": [
        {
            "market": "Market1",
            "gender": [
                {
                    "name": "male",
                    "buckets": [
                        {
                            "name": "Market1_M_CBD",
                            "subscribers": "50,000",
                            "postcode": "20000-2010",
                            "lastsend": "13/03/12 4:30PM",
                            "suggest": "10054",
                            "confirm": ""
                        },
                        {
                            "name": "Market1_M_North",
                            "subscribers": "50,000",
                            "postcode": "20000-2010",
                            "lastsend": "13/03/12 4:30PM",
                            "suggest": "10054",
                            "confirm": ""
                        }
                    ]
                },
                {
                    "name": "female",
                    "buckets": [
                        {
                            "name": "Market1_F_CBD",
                            "subscribers": "50,000",
                            "postcode": "20000-2010",
                            "lastsend": "13/03/12 4:30PM",
                            "suggest": "10054",
                            "confirm": "10054"
                        }
                    ]
                }
            ]
        },
        {
            "market": "Market2",
            "gender": [
                {
                    "name": "male",
                    "buckets": [
                        {
                            "name": "Market2_M_CBD",
                            "subscribers": "50,000",
                            "postcode": "20000-2010",
                            "lastsend": "13/03/12 4:30PM",
                            "suggest": "10054",
                            "confirm": "10054"
                        },
                        {
                            "name": "Market2_M_North",
                            "subscribers": "50,000",
                            "postcode": "20000-2010",
                            "lastsend": "13/03/12 4:30PM",
                            "suggest": "10054",
                            "confirm": "10054"
                        },
                        {
                            "name": "Market2_M_South",
                            "subscribers": "50,000",
                            "postcode": "20000-2010",
                            "lastsend": "13/03/12 4:30PM",
                            "suggest": "10054",
                            "confirm": "10054"
                        }
                    ]
                }
            ]
        }
    ]
}

编辑1

从这里开始，我试图充分利用Parse，并从我的JSON:中获取片段

var Offers = Backbone.Collection.extend({
    url: 'URL',
    parse: function (response) {
        return response.segments;
    }
});

在这里，我得到的不仅仅是response.segments。我也不确定使用render函数或fetchsuccess函数来填充DOM是否正确。假设我在DOM中有我的html模板。。。我想使用jQueryclone（）来克隆它，并在分段上使用forEach来填充克隆，并将所有克隆推回到html主体中。这在骨气上可行吗？你会怎么做？（我可以在没有backbone.js的情况下做到这一点，但我想看看如何使用backbone.jsp进行改进，并将克隆上的所有数据绑定到模型更改中）

var OfferView = Backbone.View.extend({
    initialize: function () {
        this.model = new Offers();
        this.model.fetch({
            success: function (collection, response) {
                console.log(response);
            }
        });
        this.model.on('change', this.modelChange);
        this.model.on('change', this.render);
        this.modelChange = function () {
            alert('model changed');
        };
    },
    render: function () {
    }
});

编辑2

我可以通过forEach创建单独的视图，但在将这些视图插入DOM时遇到了问题。我做错了什么？（不确定是否返回此部分）

// DEFINE VIEW
var OfferView = Backbone.View.extend({
    initialize: function () {
        this.model = new Offers();
        this.model.fetch();
        this.model.on('change', this.modelChange);
        this.model.on('change', this.render);
        this.modelChange = function () {
            alert('model changed');
        };
        this.render();
    },
    render: function () {
        var self = this;
        this.model.forEach(function (s) {
            var view = new OfferMarketView({
                id: "container" + s.get('name').toLowerCase().replace(/'s*/g, '')
            });
            $('#leftCol').append(view.el);
        });
        return this;
    }
});
var OfferMarketView = Backbone.View.extend({
    tagName: "div",
    className: "marketContainer",
    events: {},
    render: function() {
    }
});