ฉันจะดึงโมเดลเดียวใน Backbone ได้อย่างไร

ฉันมีClockโมเดลใน Backbone:

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

/clocks/123ฉันพยายามที่จะได้รับตัวอย่างของการที่มีข้อมูลล่าสุดจาก บางสิ่งที่ฉันได้ลอง:

วิธีการระดับ "คลาส"

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

สร้างอินสแตนซ์แล้วเรียกfetchใช้:

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

คอลเลกชัน

ฉันพยายามสร้างAllClocksทรัพยากรคอลเลกชัน (แม้ว่าฉันจะไม่ได้ใช้สิ่งนี้ในหน้านี้)

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

ฉันจะรับนาฬิกาที่สนับสนุน API เพียงเครื่องเดียวได้อย่างไร

แนวทางที่สองของคุณคือแนวทางที่ฉันใช้ ลองเพิ่มสิ่งต่อไปนี้ในรุ่นนาฬิกาของคุณ:

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

วิธีนี้จะถือว่าคุณได้ติดตั้งตัวควบคุมที่มีแฮชบังใน URL ของคุณเช่นhttp://www.mydomain.com/#clocks/123แต่ควรใช้งานได้แม้ว่าคุณจะยังไม่ได้ใช้ก็ตาม

ลองระบุurlRootในโมเดล:

จากเอกสาร:

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

ฉันขอแนะนำเป็นการส่วนตัวโดยทำตามเอกสารวิธี Model # url

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

ในคอลเลกชันของคุณอย่าลืมเพิ่ม URL คอลเลกชัน:

url: "/models"

และในฟังก์ชั่นเริ่มต้นของ View ของคุณทำ:

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

วิธีนี้กระดูกสันหลังจะทำการร้องขอ ajax โดยใช้ url นี้:

"/models/1"

โมเดลของคุณจะได้รับการอัปเดตและมุมมองที่แสดงโดยไม่ต้องแก้ไข Collection # url หรือ Model # urlRoot

หมายเหตุ: ขออภัยตัวอย่างนี้ออกมาในสคริปต์กาแฟ แต่คุณสามารถแปลเป็น js โดยเพิ่มคำสั่ง var

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

เป็นผลให้คุณส่งคำขอ Ajax ในไฟล์

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

และคุณได้รับการตอบกลับ JSON กลับมา

เอ็นโจอิอิอิ !!!

... และทำสิ่งนี้หากคุณไม่ต้องการให้เครื่องหมายทับบนโมเดล urlRoot:

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

คุณน่าจะเข้าถึงวัตถุผ่านคอลเลกชันและเก็บไว้ในคอลเลกชันตลอดเวลา นี่คือวิธีการ:

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

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

ฉันต้องการใช้ RESTful url แต่ฉันไม่เข้าใจว่าเหตุใดจึงไม่สามารถเพิ่ม 'postId' ใน URL พื้นฐานได้

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

จากนั้นฉันจะรู้หลังจากที่ตั้งค่า 'idAttribute' เป็น 'postId' ใน Model แล้วฉันจะได้ url ที่ถูกต้อง แบบนี้:

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