我正忙着为你已经完成的游戏搭建一个平台。我使用Giantbomb API执行此操作。
以下代码是我测试API。我想使用用户的输入回馈随机游戏。因此,如果用户搜索马里奥,他可以取回任何发布的马里奥游戏。
我似乎无法渲染模板。我可以从API中获取大量信息,但我只需要游戏的名称,它的平台和它的发布日期。
我是Backbone.js的新手,所以我不知道出了什么问题。
主视图
var LibraryView = Backbone.View.extend({
el:$('body'),
game_template: _.template($("#gametemplate").html()),
url: url = "http://www.giantbomb.com/api/search/?api_key=[KEY]&format=json",
events:{
"keypress input":"findGames"
},
findGames:function(e){
if(e.which == 13){
self = this;
query = $(".searchfield").val()
url = url +"&query="+ query;
$.getJSON(url, function(data){
var games = data.results
var game = games[Math.floor(Math.random() * 5)];
var content = self.game_template({});
self.$el.append(content);
$('.main-game').css("display", "block");
});
}
}
的index.html
<script type="text/template" id="gametemplate">
<ul>
<li><%= name %></
<li><%= original_release_date %></li>
</ul>
Giantbomb API文档http://www.giantbomb.com/api/documentation#toc-0-38
我真的很无能。