如何从外部 json 源编译 handlebarsjs？

Question

查看此链接：http://jsfiddle.net/dASav/ 这是工作。 我使用内部 JSON 数据，代码如下。

  var data = { blogsTags: [
  {
    "tag": "GovernorBentley",
    "separation_path": "/blogs/byTag/GovernorBentley.html"
  },
  {
    "tag": "Huntsville",
    "separation_path": "/blogs/byTag/Huntsville.html"
  },
  {
    "tag": "Voting Rights",
    "separation_path": "/blogs/byTag/Voting Rights.html"
  }
    ]};

但我想要来自外部课程的 JSON 数据。 JSON数据链接为：http://json.virtuecenter.com/json-data/blogs/tags 我怎样才能做到这一点？请帮帮我。

Answer 1

您应该使用jQuery.getJSON()，以便从外部 url 获取 json。

说明：使用 GET HTTP 从服务器加载 JSON 编码的数据 请求。

这里与 Handlebars 无关。

一个简短的例子

$.getJSON( "http://json.virtuecenter.com/json-data/blogs/tags", function( json ) {
  //Handle it
 });

更新：

jQuery.getJSON() 强烈推荐在 jQuery 中从外部 url 获取 json 的方法。

那么如何使用它呢？

$.getJSON( "http://json.virtuecenter.com/json-data/blogs/tags?callback=?", function( json ) {
io (json);    //I have used method call for passing parameter
 });

别忘了加?callback=?，这将有助于克服CORS（跨域资源共享）

然后你最终的代码

function io (data) {
  var template = document.getElementById("movies-tmp").innerHTML;
var templateCompile = Handlebars.compile(template);
var result = templateCompile(data);
document.body.insertAdjacentHTML("beforeend", result);
}

这里是JSFiddle

希望你能理解。