JSON in JavaScript
JSON stands for JavaScript
Object Notation
that is a language independent text format which is fast and easy to understand.
That means it is really very simple and easy to learn without sparing much time.
In another words we can say that JavaScript
Object Notation is a lightweight data-interchange
format that is
completely language independent but with some conventions.
So in this
section of JSON tutorial we are going to discuss JSON with JavaScript.
Creating Object in JavaScript using JSON
We can create objects in JSON with JavaScript in many
ways :
1. "var JSONObjectName ={};" will
create an empty object.
2. "var JSONObjectName= new Object();"
will create a new Object.
3. "var JSONObjectName = { "name
":"amit", "age":23}; will create an Object with
attribute name which contains value in String and age with numeric
value.
Now by creating this object we can access attributes by
only "." operator.
Here is the full example code for creating an Object in
JavaScript using JSON:
ObjectJavaScript-JSON.htm
<html>
<head>
<title>
Object creation in JSON in JavaScript
</title>
<script language="javascript" >
var JSONObject = { "name" : "Amit",
"address" : "B-123 Bangalow",
"age" : 23,
"phone" : "011-4565763",
"MobileNo" : 0981100092
};
document.write("<h2><font color='blue'>Name</font>::"
+JSONObject.name+"</h2>");
document.write("<h2><font color='blue'>Address</font>::"
+JSONObject.address+"</h2>");
document.write("<h2><font color='blue'>Age</font>::"
+JSONObject.age+"</h2>");
document.write("<h2><font color='blue'>Phone No.</font>::"
+JSONObject.phone+"</h2>");
document.write("<h2><font color='blue'>Mobile No.</font>::"
+JSONObject.MobileNo+"</h2>");
</script>
</head>
<body>
<h3>Example of object creation in JSON in JavaScript</h3>
</body>
</html>
|
Output:
To run this JavaScript and JSON example you have to
just run this ".htm" file on your browser.
Download code
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
