Skip to content

Instantly share code, notes, and snippets.

@hkulekci

hkulekci/json.html

Created July 20, 2011 10:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hkulekci/1094738 to your computer and use it in GitHub Desktop.
Save hkulekci/1094738 to your computer and use it in GitHub Desktop.
Download ZIP
Json Usage Example
Raw
json.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Json Usage Example</title>
<style>
.area span{
width:180px;
display:block;
float:left;
}
</style>
</head>
<body>
<div class="area" id="data1"></div>
<div class="area" id="data2"></div>
<div class="area" id="data3"></div>
<div class="area" id="data4"></div>
<div class="area" id="data5"></div>
<script>
var data1 = {
"name":"Jeremy",
"surname":"Jackson",
"phone":"(555) 555 5555"
};
document.getElementById("data1").innerHTML = "<span>data1.name</span> : " + data1.name + " " +
data1.surname + " " + data1.phone;
var data2 = ({"person1":{
"name":"Jeremy",
"surname":"Jackson",
"phone":"(555) 555 5555"
},
"person2":{
"name":"Jeremy2",
"surname":"Jackson2",
"phone":"(555) 555 55552"
}
});
document.getElementById("data2").innerHTML = "<span>data2.name</span> : " + data2.person1.name + " "
+ data2.person2.surname + " " + data2.person1.phone;
var data3 = [{
"name":"Jeremy",
"surname":"Jackson",
"phone":"(555) 555 5555",
"address":{
"home":"home address data",
"work":"work address data",
}
},
{
"name":"Jason",
"surname":"Sitatam",
"phone":"(555) 555 5555",
"address":{
"home":"Jason Home address data",
"work":"Jason work address data",
}
}
];
document.getElementById("data3").innerHTML = "<span>data3[0].name</span> : " + data3[0].name + " " + data3[0].surname +
" " + data3[0].phone;
document.getElementById("data4").innerHTML = "<span>data3[0].address.home</span> : " + data3[0].address.home;
document.getElementById("data5").innerHTML = "<span>data3[1].address.home</span> : " + data3[1].address.home;
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment