jsonをバックボーンに追加する方法、フェッチを使用したjsコレクション

Question

jsonをロードするためにbackbone.jsを取得しようとしています。 jsonがロードされますが、コレクションにアイテムを取得する方法がわかりません。 それは自動的に起こり、私はトレースできません。スコープの問題？

// JSコード

//model 
var Client = Backbone.Model.extend({ 
    defaults: { 
     name: 'nike', 
     img: "http://www.rcolepeterson.com/cole.jpg" 
    }, 
}); 
//collection 
var ClientCollection = Backbone.Collection.extend({ 
    defaults: { 
     model: Client 
    }, 
    model: Client, 
    url: 'json/client.json' 
}); 
//view 
var theView = Backbone.View.extend({ 
    initialize: function() { 
     this.collection = new ClientCollection(); 
     this.collection.bind("reset", this.render, this); 
     this.collection.bind("change", this.render, this); 
     this.collection.fetch(); 
    }, 
    render: function() { 
     alert("test" + this.collection.toJSON()); 
    } 
}); 
var myView = new theView(); 

// JSON

{ 
    "items": [ 
     { 
      "name": "WTBS", 
      "img": "no image" 
     }, 

     { 
      "name": "XYC", 
      "img": "no image" 
     } 
    ] 
} 

Answer 1

あなたのJSONが正しい形式ではありません、あなたはJSONを修正したり、解析方法でバックボーンにヒントを追加することができます。

var ClientCollection = Backbone.Collection.extend({ 
    defaults: { 
     model: Client 
    }, 
    model: Client, 
    url: 'json/client.json', 

    parse: function(response){ 
     return response.items; 
    } 
}); 

またはあなたのJSONを修正：

[ 
     { 
      "name": "WTBS", 
      "img": "no image" 
     }, 

     { 
      "name": "XYC", 
      "img": "no image" 
     } 
    ] 

Answer 2

休息APIを使用している場合は、これらのパラメータをオフにしてみてください：

Backbone.emulateHTTP Backbone.emulateJSON