首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何从外部json源代码编译handlebarsjs?

如何从外部json源代码编译handlebarsjs?
EN

Stack Overflow用户
提问于 2013-10-03 18:55:48
回答 1查看 463关注 0票数 0

请参阅这个链接:http://jsfiddle.net/dASav/,它正在工作。我使用内部JSON数据,下面的代码。

代码语言:javascript
运行
复制
  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,我如何做到这一点?请帮帮我。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-03 19:11:15

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

Description:使用GET请求从服务器加载JSON编码的数据。

这里和把手没有关系。

一个简短的例子

代码语言:javascript
运行
复制
$.getJSON( "http://json.virtuecenter.com/json-data/blogs/tags", function( json ) {
  //Handle it
 });

更新:

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

那该怎么处理呢?

代码语言:javascript
运行
复制
$.getJSON( "http://json.virtuecenter.com/json-data/blogs/tags?callback=?", function( json ) {
io (json);    //I have used method call for passing parameter
 });

不要忘记添加?callback=?,,这将有助于克服CORS (跨源资源共享)

然后你最后的代码

代码语言:javascript
运行
复制
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

希望你能理解。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19167020

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档