首页 / JAVASCRIPT / javascript – Backbone.js – 即使fetch成功,数据也未在集合中填充

javascript – Backbone.js – 即使fetch成功,数据也未在集合中填充

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Backbone.js – 即使fetch成功,数据也未在集合中填充，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1207字，纯文字阅读大概需要2分钟。

内容图文

我试图从一个简单的JSON文件填充一个集合作为学习backbone.js的一部分.但我无法让它发挥作用.

进行了AJAX调用(使用FireBug验证),但toJSON方法返回undefined.

我究竟做错了什么？

theModel =  Backbone.Model.extend();

theCollection = Backbone.Collection.extend({
    model: aModel,
    url: "source.json"
});

theView = Backbone.View.extend({
   el: $("#temp"),
   initialize: function () {
       this.collection = new theCollection();
       this.collection.fetch();
       this.render();
   },
   render : function () {
       $(this.el).html( this.collection.toJSON() ); // Returns blank
   }
});

var myView = new theView;

这是我的JSON：

[{
    "description": "Lorem ipsum..."
 },
 {
    "description": "Lorem ipsum..."
}]

解决方法:

fetch是异步的,如果你立即调用render,你的集合将不会被填充.要解决此问题,您只需将集合重置事件(Backbone的同步事件> = 1.0)绑定到视图渲染：

theView = Backbone.View.extend({
   el: $("#temp"),

   initialize: function () {
       this.collection = new theCollection();

       // for Backbone < 1.0
       this.collection.on("reset", this.render, this);

       // for Backbone >= 1.0
       this.collection.on("sync", this.render, this);

       this.collection.fetch();
   },

   render : function () {
    console.log( this.collection.toJSON() );
   }
});

注意bind方法的第三个参数,为方法提供正确的上下文：
http://documentcloud.github.com/backbone/#FAQ-this

内容总结

以上是互联网集市为您收集整理的javascript – Backbone.js – 即使fetch成功,数据也未在集合中填充全部内容，希望文章能够帮你解决javascript – Backbone.js – 即使fetch成功,数据也未在集合中填充所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/754338.html

来源：【匿名】