Чтение JSON Object возвращено из API REST

Question

Я чувствую себя глупо, задавая вопрос, но я с ним, как 3 дня назад ... Я построил php api rest, который возвращает json encode info. JSON, что возвращает API правильно, что-то вроде этого:

[ 
    {"pk_user":"1","name":"George","surname":"Littlewolf","profile":"Game designer - Developer"}, 
    {"pk_user":"2","name":"Anne","surname":"Carpenter","profile":"Developer"}, 
    {"pk_user":"3","name":"John","surname":"Sullivan","profile":"Designer"}, 
    {"pk_user":"4","name":"Judith","surname":"Lenders","profile":"Developer"}, 
    {"pk_user":"5","name":"Jason","surname":"Middleton","profile":"Manager"} 
] 

После этого я создаю позвоночник передний конец, чтобы атаковать апи. Я разработал только одно представление, которое читает json, который я написал выше. У меня есть одна модель (Пользователь) и одна Коллекция (пользователи), где я хочу сохранить информацию, прочитанную из json info.

Я собираюсь поставить только код функции визуализации представления:

render: function() { 
    var users = new Users(); 
    users.fetch(); 
    $.each(users['models'], function(i, item) { 
     console.log(item); 
    }); 


    this.template = _.template(template, {users : users}); 
    this.$el.html(this.template); 
    return this; 
} 

Теперь консоль возвращается только то, что вы видите на следующем изображении:

Я бы хотел получить доступ к элементам, но я не знаю, почему, но все, что я пробовал, не работает ... Спасибо и извините за объяснение новичков ... EDIT

У меня есть uploaded the code to a hosting всем, кто хочет увидеть проблему «на живом».

Answer 1

fetch является вызов AJAX, так это:

users.fetch(); 

не будет заполнять коллекцию сразу, она должна ждать ответа сервера. Поэтому, когда вы идете посмотреть на users.models, там ничего не будет, и ваш взгляд заканчивается, ничего не делая.

Обычный подход для прослушивания событий из users и визуализации HTML в ответ на эти события:

initialize: function() { 
    this.collection = new Users; 
    this.listenTo(this.collection, 'reset', this.render); 
    // bind to other events as needed... 
    this.users.fetch({ reset: true }); 
}, 
render: function() { 
    this.collection.each(function(user) { 
     // render the `user` model in here... 
    }); 
} 

Обратите внимание на переключателе this.collection.each вместо возни с коллекцией models напрямую.

В качестве альтернативы, используйте обработчик успеха при вызове fetch:

this.users.fetch({ 
    success: function(collection) { 
     collection.each(function(user) { 
      // render the `user` model in here... 
     }); 
    } 
}); 

Answer 2

Не уверен, если это то, что вы хотите, но если вы хотите, чтобы войти атрибуты пользователя просто сделать это:

$.each(users['models'], function(i, item) { 
    console.log(item.attributes); 
});