Импорт json в backbone View

Question

Я новичок в позвоночнике, и я все еще привыкаю к ​​потоку всего. То, что я пытаюсь сделать, это импортировать файл data.json в мою модель и использовать его в моей вид ...

data.json

[ 
    { id: "001", student: "Mark" }, 
    { id: "002", student: "Sally" }, 
    { id: "003", student: "Harold" }  
] 

активы/data.js (модель)

var DataModel = Backbone.Model.extend({ 
    url: 'assets/data.json', 

    initialize: function() { 
     // this logs properly 
     console.log('this initializes'); 
    } 
}) 

data_view.js

var Students = Backbone.View.extend({ 
    initialize: function() { 
     var data = new DataModel(); 
     data.fetch(); 

     // doesn't return json 
     console.log(data); 
    } 
}) 

журналы данных, как так ...

v __proto__: Backbone.Model 
    > constructor:() 
    > initialize:() 
    url: "assets/data.json" 
    > __proto__: Object 

Все мои импорта являются правильными, но почему это не моя нагрузка в формате JSON с моей точки зрения? Что я делаю не так? (Я пытался создать коллекцию, но это имело такой же эффект: никакого json не было найдено)

Answer 1

Потому что fetch использует jQuery Ajax, поэтому он асинхронный. Если вы регистрируете данные сразу после вызова fetch, данные не вытягиваются с сервера. Вы должны сделать следующие:

data.fetch({ 
    success: function(model, response, options) { 
     console.log(model); 
    }, 
    error: function() { 

    } 
}); 

ссылка Ссылка: http://backbonejs.org/#Model-fetch

Answer 2

С помощью JQuery:

 var DataModel = new DataModel(); 
     $.when(DataModel.fetch()).then(function() { 
      var students = new Students({model: DataModel }); 
     });