javascript - 在访问 Backbone 集合中的 json 解析器之前编辑/提取数据

Question

我创建了一个 Backbone Collection 来操作 4chan API 中的 Boards 对象。如下:

var BoardsCollection = Backbone.Collection.extend({
    model: Board,   
    url: 'https://api.4chan.org/boards.json',
    sync: function(method, model, options){  
        options.timeout = 10000;  
        options.dataType = "jsonp"; 
        options.crossDomain = true; 
        return Backbone.sync(method, model, options);   
    }

});
return new BoardsCollection();

由于跨域错误，我发出了 JSONP 请求以使其工作，但 4chan 响应的 JSON 如下:

{"boards":    
    [{"board":"3","title":"3DCG","ws_board":1,"per_page":15,"pages":11},
     {"board":"a","title":"Anime \u0026 Manga","ws_board":1,"per_page":15,"pages":11}]

由于“boards”项和主干解析器失败，因此不是有效的 JSONP，并出现错误“意外字符:”。

所以我需要一种方法来编辑服务器的响应，从关键“板”中提取值并将其传递给集合进行解析。

作为旁注，我在 node.js 中创建了一个小服务器，它从 4chan 获取 json 并提取板的值并将其返回，使用它集合工作得很好。但我将使用它来制作一个 jquery 移动应用程序，因此我需要连接到真正的 4chan API。

谢谢。

Answer 1

问题不在于 json 格式，而在于它只是 json，而不是 jsonp。 Jsonp 通过 <script> 加载标签，所以它需要是一个正确的javascript代码，它应该像 callback({data:'data'}) 。

在您的情况下，您需要设置一个服务器来代理对 4chan api 的请求。如果您在同一域上运行它，则可以使用简单的 XmlHttpRequest。 boards 的问题然后通过集合的解析函数解决顶级 key :

parse: function (response) {
    return response.boards;
}