如何使用Backbone.js获取模板

时间:2014-01-30 16:05:59

标签: javascript api backbone.js

我正忙着为你已经完成的游戏搭建一个平台。我使用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

我真的很无能。

0 个答案:

没有答案