Comment récupérer un seul modèle dans Backbone?

J'ai un Clockmodèle dans Backbone:

var Clock = Backbone.Model.extend({});

J'essaie d'obtenir un exemple de cela qui contient les dernières informations /clocks/123. Certaines choses que j'ai essayées:

une méthode de niveau "classe"

Clock.fetch(123)
// TypeError: Object function (){ ... } has no method 'fetch'

créer une instance puis l'appeler fetch:

c = new Clock({id: 123})
c.fetch()
// Error: A 'url' property or function must be specified

une collection

J'ai essayé de créer une AllClocksressource de collection (même si je n'ai aucune utilité pour une telle chose sur la page):

var AllClocks = Backbone.Collection.extend({
  model: Clock,
  url: '/clocks/'
});
var allClocks = new AllClocks();
allClocks.fetch(123);
// returns everything from /clocks/

Comment obtenir une seule horloge basée sur l' API?

Votre deuxième approche est celle que j'ai utilisée. Essayez d'ajouter ce qui suit à votre modèle d'horloge:

url : function() {
  var base = 'clocks';
  if (this.isNew()) return base;
  return base + (base.charAt(base.length - 1) == '/' ? '' : '/') + this.id;
},

Cette approche suppose que vous avez implémenté des contrôleurs avec le hashbang dans votre URL comme ceci, http://www.mydomain.com/#clocks/123 , mais cela devrait fonctionner même si vous ne l'avez pas encore fait.

Essayez de spécifier urlRoot dans le modèle:

À partir de la documentation:

var Book = Backbone.Model.extend({urlRoot : '/books'});
var solaris = new Book({id: "1083-lem-solaris"});
solaris.fetch();

Je recommande personnellement, en suivant la documentation de la méthode Model # url

model = new Model(id: 1)
view = new View(model: model) 
collection = new Collection([model])
model.fetch()

dans votre collection, n'oubliez pas d'ajouter l'url de la collection:

url: "/models"

et dans la fonction d'initialisation de votre vue, faites:

this.model.bind("change", this.render)

de cette façon, backbone fera une requête ajax en utilisant cette URL:

"/models/1"

votre modèle sera mis à jour et la vue sera rendue, sans modifier Collection # url ou Model # urlRoot

Remarque: désolé, cet exemple est sorti dans le script coffee, mais vous pouvez facilement le traduire en js en ajoutant des instructions var

var Person = Backbone.Model.extend({urlRoot : '/person/details'});
var myName = new Person({id: "12345"});
myName.fetch();

En conséquence, vous faites une demande Ajax sur le

URL http://[domainName]/person/details/id 

et vous avez la réponse JSON de retour.

Enjoiiii !!!

... et faites-le si vous ne voulez pas la barre oblique de fin sur le modèle urlRoot:

    url : function() {                        
        return this.urlRoot + this.id;
    },

Vous devriez probablement accéder à l'objet via une collection et le conserver tout le temps dans la collection. Voici comment faire:

var AllClocks = Backbone.Collection.extend({
  model: Clock,
  url: '/clocks/'
});

var allClocks = new AllClocks();
my_clock = allClocks.add({id: 123});
my_clock.fetch()

Je veux utiliser l'URL RESTful, mais je ne comprends pas pourquoi «postId» ne peut pas être ajouté à l'URL de base.

var PostModel = Backbone.Model.extend({
    urlRoot: 'getBlogPost',
    defaults: {
        postTitle: "defaultTitle",
        postTime: "1970-01-01",
        postContent: "defaultContent",
        postAuthor: "anonymous"
    }
});

var post = new PostModel({
            postId: 1
        });
alert(post.url());

Ensuite, je sais seulement après avoir défini 'idAttribute' comme 'postId' dans Model que je peux obtenir la bonne URL. comme ça:

var PostModel = Backbone.Model.extend({
    idAttribute: 'postId',
    urlRoot: 'getBlogPost',
    defaults: {
        postTitle: "defaultTitle",
        postTime: "1970-01-01",
        postContent: "defaultContent",
        postAuthor: "anonymous"
    }
});