jQuery/gatJSON()

解説 jsonデータを読み込む

$.getJSON(url, data, callback())

sample1

sample1code

$(function(){
  $.getJSON("data.json", function(data){
    for(var i in data){
      $("#s1Div").append("li class='s1Li'>strong>" + data[i].division + "/strong>/li>");
      for(var j in data[i].person){
        $("#s1Div").append("li class='s1Li'>" + data[i].person[j].name + "（" + data[i].person[j].age + "才）/li>");
      }
    }
  });
});

sample2

id	name	score

sample2code

$(function(){
  $.getJSON("data2.json", function(data){
  	for(var i=0; i")
  	  .find("tr:last")
  	  .append("" + data[i].id + "")
  	  .append("" + data[i].name + "")
  	  .append("" + data[i].score + "");
  	}
  });
})