handlebars.js - handlebarjs で json ファイルをロードする方法

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."
}]

これに対する提案を提供してください