0

このリンクを参照してください: 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 どうすればよいですか? 私を助けてください。

4

1 に答える 1

0

外部 URL から json を取得するには、jQuery.getJSON()を使用する必要があります。

説明: GET HTTP 要求を使用して、JSON でエンコードされたデータをサーバーから読み込みます。

ここではハンドルバーとは何の関係もありません。

簡単な例

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

アップデート:

jQuery.getJSON() 外部 URL から json を取得するための jQuery で強く推奨される方法です。

では、それをどのように扱うのですか？

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

を追加することを忘れないでください?callback=?。これは CORS (Cross-Origin Resource Sharing) を克服するのに役立ちます

次に、最終的なコード

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があります

ご理解いただければ幸いです。

于 2013-10-03T19:11:15.723 に答える