¿Cómo obtengo un solo modelo en Backbone?

Tengo un Clockmodelo en Backbone:

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

Estoy tratando de obtener una instancia de eso que tenga la información más reciente de /clocks/123. Algunas cosas que he probado:

un método de nivel de "clase"

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

creando una instancia y luego invocándola fetch:

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

Una colección

Intenté crear un AllClocksrecurso de colección (aunque no tengo ningún uso para tal cosa en la página):

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

¿Cómo obtengo un reloj respaldado por API?

Su segundo enfoque es el enfoque que he utilizado. Intente agregar lo siguiente a su modelo de reloj:

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

Este enfoque asume que ha implementado controladores con el hashbang en su URL como ese, http://www.mydomain.com/#clocks/123 , pero debería funcionar incluso si aún no lo ha hecho.

Intente especificar urlRoot en el modelo:

De los documentos:

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

Personalmente recomiendo, siguiendo la documentación del método Model # url

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

en su colección recuerde agregar la URL de la colección:

url: "/models"

y en la función de inicialización de su Vista haga:

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

de esta manera, la red troncal hará una solicitud ajax usando esta URL:

"/models/1"

su modelo será actualizado y la vista renderizada, sin modificar Collection # url o Model # urlRoot

nota: lo siento, este ejemplo salió en el script de café, pero puede traducirlo fácilmente a js agregando declaraciones var

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

Como resultado, realiza una solicitud Ajax en el

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

y tienes la respuesta JSON de vuelta.

Enjoyiiii !!!

... y haz esto si no quieres la barra diagonal en el modelo urlRoot:

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

Probablemente debería acceder al objeto a través de una colección y mantenerlo en la colección todo el tiempo. Asi es como se hace:

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

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

Quiero usar la URL RESTful, pero no puedo entender por qué no se puede agregar 'postId' a la URL 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());

Entonces sé que solo después de configurar 'idAttribute' como 'postId' en Model puedo obtener la URL correcta. Me gusta esto:

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