我是骨干新手并尝试使用骨干js后端的应用程序的简单示例,并调用返回json对象的rest API(使用rails创建)。如果我在浏览器上键入其余的api URL,它会成功返回JSON数据。但是,当我启动我的应用程序时,我可以看到API返回一个空响应(但它返回200 OK状态)。如果我用twitter搜索API替换此URL,那么也会成功返回数据。所以问题似乎只有rails REST API。这是我的骨干代码:
var Product = Backbone.Model.extend();
var ProductList = Backbone.Collection.extend({
model: Product,
url: 'http://hvo-lnx.cisco.com:7777/product_families.json'
});
var ProductView = Backbone.View.extend({
template: _.template($('#prodlist_template').html()),
render: function(eventName) {
_.each(this.model.models, function(product){
var lProductName = product.attributes['name'];
var lTemplate = this.template(product.toJSON());
$(this.el).append(lTemplate);
}, this);
return this;
}
});
var lProducts = new ProductList;
var AppView = Backbone.View.extend({
el: "body",
render: function(){
var lProductsView = new ProductView({model:lProducts});
var lHtml = lProductsView.render().el;
$('#products').html(lHtml);
},
initialize: function(){
var lOptions = {};
lOptions.success = this.render;
lProducts.fetch(lOptions);
}
});
var App = new AppView;
HTML:
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.css" />
</head>
<body>
<ol id="products">
<script type="text/template" id="prodlist_template">
<li><%= name %></li>
</script>
</ol>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/backbone-min.js"></script>
<script src="js/prodtest.js"></script>
</body>
</html>
如果我用http://search.twitter.com/search.json?q=NYC&callback=替换网址?并更改属性字段,然后工作正常。还有其他人遇到过这个问题吗?我真的很感激任何指针。