Javascript 如何从外部json源代码编译handlebarsjs?
请参阅此链接: 它正在工作。 我使用内部JSON数据,代码如下Javascript 如何从外部json源代码编译handlebarsjs?,javascript,jquery,json,handlebars.js,Javascript,Jquery,Json,Handlebars.js,请参阅此链接: 它正在工作。 我使用内部JSON数据,代码如下 var data = { blogsTags: [ { "tag": "GovernorBentley", "separation_path": "/blogs/byTag/GovernorBentley.html" }, { "tag": "Huntsville", "separation_path": "/blogs/byTag/Huntsville.html" }, {
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数据链接是:
我该怎么做?请帮助我。您应该使用,以便从外部url获取json
说明:使用GET HTTP从服务器加载JSON编码的数据
请求
这里跟把手没什么关系
一个简短的例子
$.getJSON( "http://json.virtuecenter.com/json-data/blogs/tags", function( json ) {
//Handle it
});
更新:
强烈建议在jQuery中使用jQuery.getJSON()
方法从外部url获取json
那么如何使用它呢
$.getJSON( "http://json.virtuecenter.com/json-data/blogs/tags?callback=?", function( json ) {
io (json); //I have used method call for passing parameter
});
不要忘记添加回调=?,这将有助于克服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);
}
这是
希望您能理解。谢谢您的回答,您能详细解释一下吗?实际上,新代码将是什么来代替var data={blogsTags:[{“tag”:“GovernorBentley”,“separation_path”:“/blogs/byTag/GovernorBentley.html”}];var template=document.getElementById(“movies tmp”).innerHTML;var templateCompile=handlebar.compile(模板);var结果=模板编译(数据);document.body.insertAdjacentHTML(“beforeed”,result)@我补充了更多的解释,希望这是有益的。不过,很抱歉迟到了response@Rousnay很高兴帮助你我的朋友:)谢谢你的快速帮助,你能帮我再拿一个吗,请查看链接。