Bagaimana cara mengambil satu model di Backbone?

Saya memiliki Clockmodel di Backbone:

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

Saya mencoba mendapatkan contoh yang memiliki informasi terbaru dari /clocks/123. Beberapa hal yang saya coba:

metode tingkat "kelas"

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

membuat sebuah instance dan kemudian memanggilnya fetch:

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

koleksi

Saya mencoba membuat AllClockssumber daya koleksi (meskipun saya tidak menggunakan hal seperti itu di halaman):

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

Bagaimana cara mendapatkan satu Jam yang didukung API?

Pendekatan kedua Anda adalah pendekatan yang telah saya gunakan. Coba tambahkan yang berikut ini ke model Jam Anda:

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

Pendekatan ini mengasumsikan bahwa Anda telah mengimplementasikan pengontrol dengan hashbang di URL Anda seperti, http://www.mydomain.com/#clocks/123 , tetapi seharusnya berfungsi bahkan jika Anda belum melakukannya.

Coba tentukan urlRoot dalam model:

Dari dokumen:

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

Saya pribadi merekomendasikan, mengikuti dokumentasi metode Model # url

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

dalam koleksi Anda, ingatlah untuk menambahkan url koleksi:

url: "/models"

dan dalam fungsi inisialisasi View Anda lakukan:

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

dengan cara ini tulang punggung akan melakukan permintaan ajax menggunakan url ini:

"/models/1"

model Anda akan diperbarui dan tampilan dirender, tanpa mengubah Collection # url atau Model # urlRoot

catatan: maaf contoh ini keluar dalam skrip kopi, tetapi Anda dapat dengan mudah menerjemahkannya ke js menambahkan pernyataan var

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

Akibatnya, Anda membuat permintaan Ajax di

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

dan Anda mendapatkan tanggapan JSON kembali.

Enjoiiii !!!

... dan lakukan ini jika Anda tidak ingin garis miring pada model urlRoot:

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

Anda mungkin harus mengakses objek melalui koleksi dan menyimpannya dalam koleksi sepanjang waktu. Ini adalah cara untuk melakukannya:

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

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

Saya ingin menggunakan url RESTful, tetapi saya tidak mengerti mengapa 'postId' tidak dapat ditambahkan ke url dasar.

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());

Maka saya tahu hanya setelah saya menetapkan 'idAttribute' sebagai 'postId' di Model saya bisa mendapatkan url yang benar. seperti ini:

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