Backbone.js - extraction de données et de l'affichage

Je suis juste le début sur Backbone.js. Voici mon code.

$(function(){

    //Backbone Model
    var Cat = Backbone.Model.extend({});

    //create a collection
    var CatCollection = Backbone.Collection.extend({
        model: Cat,
        url: 'http://localhost/cats/index.php/cats/index'
    });
    var catCollection = new CatCollection();
    catCollection.fetch();

    //Backbone view
    var CatView = Backbone.View.extend({
        el: $("#contents"),
        initialize: function() {
            this.render();
        },
        render: function() {
            this.el.html(catCollection);
        }
    });

    var catView = new CatView();
});

Ce que je fais.

  1. Créer un backbone modèle
  2. Créer une collection à l'aide du modèle que j'ai créé.
  3. Extraire des données à partir de bases de données MySQL - ce qui renvoie des données JSON en objet.
  4. Afficher les données extraites dans le div "#contenu".

Sur google Chrome, je peux voir que le "fetch()" méthode fonctionne, parce que je peux voir mon objet JSON retourné comme

[{"id":"1","name":"stella","age":"5"},{"id":"2","name":"Max","age":"2"}]

Mais si je fais "alert(catCollection)" après l'extraction, il affiche "[objet] [objet]".

Quelle est la meilleure façon d'afficher ce?

J'ai eu du mal à apprendre l'épine Dorsale. Je n'ai pas de réponse pour vous, juste une observation: il me semble que votre this.el.html(catCollection) n'est pas d'aller travailler, parce que vous n'avez pas fourni un modèle ou quoi que ce soit de rendre cette collection.
alert(catCollection.la méthode toJSON())

OriginalL'auteur ericbae | 2011-08-12