index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

</head>

<body>

<table>

<tr>

</tr>

</table>

<table>

<tr>

</tr>

</table>

</body>

</html>

common.js

function getJson() {

var fruits= {

"name" : "ぶどう",

"number" : "10"

};

$("#output").append("<li>" + fruits.name + "（" + fruits.number + "個）</li>");

}

function getJsonList() {

var fruits= [{

"name" : "ぶどう",

"number" : "10"

},

{

"name" : "りんご",

"number" : "20"

},

{

"name" : "みかん",

"number" : "30"

}];

for(var i = 0; i < fruits.length; i++){

$("#output").append("<li>" + fruits[i].name + "（" + fruits[i].number + "個）</li>");

}

}

Json