【jQuery】$.loadでjsonファイルを読み込んで表示する

jQueryのloadを使いtest.jsonファイルを読み込んで表示するプログラム。

test.json

{
	"city":"東京",
	"number":1
}

load.html

下のコードは、loadを使うと読み込んだファイルを表示するので、emptyを使い一旦div#contentの内容を空にしてから、再度div#contentにtest.jsonファイルの内容を追加しています。

$(function() {
  $('#content').load('test.json', function(data) {
    $(this).empty();
    var data = $.parseJSON(data);
    $.each(data, function(i, v) {
      $('#content').html('<p>' + this + '</p>');
    });
  });
});
<div id="content"></div>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です