Làm cách nào để tìm nạp một mô hình duy nhất trong Backbone?

Tôi có một Clockmô hình trong Backbone:

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

Tôi đang cố gắng lấy một phiên bản có thông tin mới nhất từ ​​đó /clocks/123. Một số điều tôi đã thử:

một phương thức cấp "lớp"

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

tạo một thể hiện và sau đó gọi fetchnó:

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

một bộ sưu tập

Tôi đã thử tạo một AllClockstài nguyên bộ sưu tập (ngay cả khi tôi không sử dụng những thứ như vậy trên trang):

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

Làm cách nào để tôi chỉ nhận được một Đồng hồ được hỗ trợ bởi API?

Cách tiếp cận thứ hai của bạn là cách tiếp cận mà tôi đã sử dụng. Hãy thử thêm những thứ sau vào mẫu Đồng hồ của bạn:

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

Cách tiếp cận này giả định rằng bạn đã triển khai bộ điều khiển với hashbang trong URL của mình, http://www.mydomain.com/#clocks/123 , nhưng nó sẽ hoạt động ngay cả khi bạn chưa thực hiện.

Hãy thử chỉ định urlRoot trong mô hình:

Từ các tài liệu:

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

Cá nhân tôi khuyên bạn nên làm theo tài liệu phương pháp url Model #

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

trong bộ sưu tập của bạn, hãy nhớ thêm url bộ sưu tập:

url: "/models"

và trong chức năng khởi tạo Chế độ xem của bạn thực hiện:

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

theo cách này, đường trục sẽ thực hiện một yêu cầu ajax bằng cách sử dụng url này:

"/models/1"

mô hình của bạn sẽ được cập nhật và chế độ xem được hiển thị mà không sửa đổi url Bộ sưu tập # hoặc Mô hình # urlRoot

lưu ý: xin lỗi, ví dụ này xuất hiện trong coffee script, nhưng bạn có thể dễ dàng dịch nó sang js khi thêm câu lệnh var

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

Do đó, bạn thực hiện một yêu cầu Ajax trên

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

và bạn có phản hồi JSON trở lại.

Thích quáii !!!

... và làm điều này nếu bạn không muốn có dấu gạch chéo trên mô hình urlRoot:

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

Bạn có thể nên truy cập vào đối tượng máng một bộ sưu tập và giữ nó trong bộ sưu tập mọi lúc. Đây là cách thực hiện:

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

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

Tôi muốn sử dụng url RESTful, nhưng tôi không hiểu tại sao không thể thêm 'postId' vào url cơ sở.

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

Sau đó, tôi biết chỉ sau khi tôi đặt 'idAttribute' là 'postId' trong Mô hình, tôi mới có thể nhận được url phù hợp. như thế này:

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