Question

我需要从json中获取内容并将其呈现给我的模板。我尝试使用内联json格式，它的工作正常。请帮我加载位于其他目录或其他服务器的外部json文件。

内联脚本

  var src = document.getElementById("semantic-template").innerHTML;
  var tmpl = Handlebars.compile(src);
  var json = {"leagueName":"American League", "abbr":"AL", "teams":[
            {"teamName":"Tampa Bay", "w":96, "l":66},
            {"teamName":"NY Yankees", "w":95, "l":67}};
   document.getElementById("content-template").innerHTML = tmpl(json);

HTML

  <div id="content-template"></div>
  <script id="semantic-template" type="text/x-handlebars-template">
   <caption>{{leagueName}}</caption>
  </script>

我的外部json格式

[{
    "pics" : "images/item-1.png",
    "label" : "Careers",
    "text" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
}]

请提供此建议

Answer 1

尝试使用jquery方法getJson，数据显示在我的视图

上

 $.getJSON("assests/json/carousel-data.json", function(data) {
    $("#content-template").html(tmpl({objects:data}));
 });

如何在手柄js中加载json文件

1 个答案: