1

我创建了一个 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}]

不是有效的 JSONP，因为“板”项和主干解析器失败并出现错误“意外字符：”。

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

附带说明一下，我在 node.js 中创建了一个小服务器，它从 4chan 获取 json 并提取 board 的值并返回它，集合工作得很好。但我将使用它来制作一个 jquery 移动应用程序，所以我需要连接到真正的 4chan API。

谢谢。

4

1 回答 1

0

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

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

parse: function (response) {
    return response.boards;
}
于 2013-10-04T21:32:18.233 回答