javascript - 返回的 JSON 对象应该是数组

标签 javascript json backbone.js fetch

我正在使用 backbone 并且我的 fetch 没有返回任何东西(当我尝试使用 each 进行迭代时),我仔细查看并发现它触发了一个 get 请求,这就是正在发生的事情返回

{
    "-JA2Ey5xJvV-BfvgmzT3": {
        "date": "10-23-33",
        "title": "le shmow",
        "content": "testing lez post!"
    },
    "-JA2Ey6FwK5eK9mELCnd": {
        "date": "10-23-33",
        "title": "test post",
        "content": "testing lez post!"
    }
}

根据 Backbone 文档:

获取请求的服务器处理程序应该返回模型的 JSON 数组。,chrome 开发工具包将这些标记为对象?那么这可能是问题所在吗?

编辑 Backbone 文档状态:

从服务器获取此集合的默认模型集,并在它们到达时将它们设置在集合中。选项散列采用成功和错误回调,它们都将作为参数传递(集合、响应、选项)。当模型数据从服务器返回时,它使用 set 来(智能地)合并获取的模型,除非您传递 {reset: true},在这种情况下,集合将(有效地)重置。在后台委托(delegate) Backbone.sync 以获取自定义持久性策略并返回 jqXHR。获取请求的服务器处理程序应返回模型的 JSON 数组。

    console.log(posts.fetch());

    posts.fetch();

    console.log(posts);

    posts.each(function(post) {
        console.log(post.get("title"));
    });

第一个控制台日志显示一组“对象”,带有正确的数据等,第二个被标记为 r(不知道那是什么意思?)并且只有 0 的长度和我看不到里面的数据。

当我用 each 遍历它时,我什么也没得到

编辑: 让它工作(有点),仍然不知道为什么我需要这个 hack 来进行一个简单的操作...也许我做错了一些严重的事情。无论如何我可以编辑解析函数所以我只需要输入 post.title 而不是 post.attributes.title

 var Posts = Backbone.Collection.extend({
    model: Post,
    url: base_url + '/posts.json',
      parse: function(response) {
        return _.map(response, function(model, key) {
          //i'm assuming the key of each object is the id of the model
          model['id'] = key;
          return model;
        });
      }
});

posts = new Posts;

posts.fetch().complete(function() {
    posts.each(function(post) {
        console.log(post.attributes.title);
    });
});

最佳答案

如文档所述,您的服务器必须返回 JSON 格式的模型数组,以使您的 collection.fetch() 正常工作。

如果您无法更改服务器响应,您将需要使用 parse 方法将响应转换为数组。

所以在你的集合定义中:

YourCollection = Backbone.Collection.extend({

  parse: function(response) {
    return _.map(response, function(model, key) {
      //i'm assuming the key of each object is the id of the model
      model['id'] = key;
      return model;
    });
  }
});

有关解析的更多信息,请参阅:http://backbonejs.org/#Collection-parse

关于javascript - 返回的 JSON 对象应该是数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20404664/

相关文章:

javascript - 根据 if/else 语句修改设置 "option"值

javascript - 从一个函数传递一个值以供另一个函数使用

javascript - 无法通过 CID 获取 Backbone 集合中的模型

javascript - Backbone : Calling Model fetch on a click of a button

javascript - Backbone.js 和非模型对象

javascript - 将项目从 Babel v5 升级到 v6+ 时出现 "TypeError not a constructor"

javascript - 我们如何创建一个我们应该实现的对象的 'skeleton type' ?

c# - 通过 ajax 调用将表单值发布到 C# WebMethod

jquery - AJAX - JQuery GET 回调不起作用,但 JSON 文件访问正常

ios - 如何从 NSData 对象获取 JSON 对象数组