Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/symfony/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从外部json源代码编译handlebarsjs?_Javascript_Jquery_Json_Handlebars.js - Fatal编程技术网

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

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" }, {

请参阅此链接: 它正在工作。 我使用内部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数据链接是: 我该怎么做?请帮助我。

您应该使用,以便从外部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很高兴帮助你我的朋友:)谢谢你的快速帮助,你能帮我再拿一个吗,请查看链接。