Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Backbone.js使用ajax在获取后将集合绑定到模型_Backbone.js - Fatal编程技术网

Backbone.js使用ajax在获取后将集合绑定到模型

Backbone.js使用ajax在获取后将集合绑定到模型,backbone.js,Backbone.js,我正在尝试学习backbone.js,但在理解如何绑定模型和在获取后读取模型时遇到了困难。 这是我的代码: $(function() { var Bid = Backbone.Model.extend(); var BidsList = Backbone.Collection.extend({ model: Bid, url: '/buyers/auction/latestBids?auctionId=26&latestBidId=0',

我正在尝试学习backbone.js,但在理解如何绑定模型和在获取后读取模型时遇到了困难。 这是我的代码:

$(function() {
    var Bid = Backbone.Model.extend();

    var BidsList = Backbone.Collection.extend({
        model: Bid,
        url: '/buyers/auction/latestBids?auctionId=26&latestBidId=0',
    });         

    var BidsView = Backbone.View.extend({
        el: $('#bids'),
        initialize: function() {
            log('hi');
            _.bindAll(this, 'render');

            this.collection = new BidsList();                   

            this.collection.fetch();
            this.render();
        },
        render: function() {                    
            log(this.collection);

            return this;
        },              
    });

    var bidsView = new BidsView();

});

function log(m) { console.log(m); }
这就是webservice json的样子

{
    "AuctionState":3,
    "ClosedOn":null,    
    "Bids":[
        {
            "BidId":132,            
            "AuctionId":26      
        },
        {
            "BidId":131,
            "AuctionId":2           
        }
    ]
}

如何将该响应绑定到模型?

您需要覆盖BidCollection上的parse()方法,以提取出价并将其仅呈现给集合的add()例程。可以使用parse()方法执行其他操作来管理AuctionState字段

您还需要侦听视图中的“更改”事件,以便视图在获取后自动更新。您不需要在视图中调用render();您应该将模型的“更改”事件绑定到render(),然后获取数据并让它触发渲染

和往常一样,主干网的源代码可读性很高。我建议学习和理解它

例如:

var BidsList = Backbone.Collection.extend({
    model: Bid,
    url: '/buyers/auction/latestBids?auctionId=26&latestBidId=0',
    parse: function(response){
        return response.Bids;
    }
});