Example On Converting JSON Text To JavaScript Object

Json » on Feb 1, 2012 { 2 Comments } By Sivateja

Let us see this concept before we see an example

JSON arrays are written inside square brackets
Array can contain any number of objects

Syntax

{"names": ['+'{"name" : "java4s",  "address"  : "United States", "admin"  : "sivateja",  "age"  : 25},'+'{"name" : "php4s",  "address"  : "United States", "admin"  : "teja",  "age"  : 26}'+']}

Here names is an array containing 2 objects. By using JavaScript syntax we can access the values with the help of “.” operator, will show you this in the following example.

Example

<html>
<head>
<title>
How To Create JSON Object Array
</title>
<script language="javascript" >

var JsonObjecttext = '{"names": ['+'{"name" : "java4s",  "address"  : "United States", "admin"  : "sivateja",  "age"  : 25},'+'{"name" : "php4s",  "address"  : "United States", "admin"  : "teja",  "age"  : 26}'+']}';

var JsonObjectName = eval ("(" + JsonObjecttext + ")");

document.write("<font color='#148ee3' size='2' face='verdana'>Name - <font color='#000'>" +JsonObjectName.names[0].name+"</font></font> || ");
document.write("<font color='#148ee3' size='2' face='verdana'>Age. - <font color='#000'>" +JsonObjectName.names[0].age+"</font></font> || ");
document.write("<font color='#148ee3' size='2' face='verdana'>name - <font color='#000'>" +JsonObjectName.names[1].name+"</font></font> || ");
document.write("<font color='#148ee3' size='2' face='verdana'>name - <font color='#000'>" +JsonObjectName.names[1].age+"</font></font>");

</script>
</head>
<body>
<br>
<font face="verdana" size="4">Example On Createing JSON Object Array</font><br><br>

<font face="verdana" color="#ff0024" size="2">
Note:<br>
<font color="#000">
var JsonObjectName - Here JsonObjectName is the object name, <br>can give your own name.</font></font>
</body>
</html>

Output

::. About the Author .::

Sivateja Kandula - Java/J2EE Full Stack Developer

Founder of Java4s - Get It Yourself, A popular Java/J2EE Programming Blog, Love Java and UI frameworks.
You can sign-up for the Email Newsletter for your daily dose of Java tutorials.

Comments

2 Responses to “Example On Converting JSON Text To JavaScript Object”

siva says:
January 15, 2013 at 11:33 AM
its a good tutorial for know about json. keep it up
Thanks
siva
Reply
Venu says:
May 29, 2017 at 1:12 PM
Very new to Ajax/json scripts
thanks for your tutorials – helps easy to grasp.
Reply

Spring Boot	Hibernate	Spring
Spring Boot Configure DataSource Using JNDI with Example How to Configure Cache in Spring Boot Applications Spring Boot – Display All Beans Available in ApplicationContext Spring Boot – RESTful Web Service with POST Request in XML Example Spring Boot – RESTful Web Service with POST Request in JSON Example	Difference Between Hibernate get() and load() Methods ? Struts 2 Hibernate Integration Example [ Struts 2 + Hibernate Integration] Difference Between Hibernate Save And Persist Methods Difference Between Merge And Update Methods In Hibernate Hibernate One To One Mapping Using Annotations Hibernate Many To Many Mapping Using Annotations	Spring Send Email With Attachment Using Gmail SMTP – Example Send Java Email using Spring With Gmail SMTP Server Settings – JavaMailSenderImpl Mail RegularExpressionMethodPointcut Class In Spring AOP NameMatchMethodPointcut Class In Spring AOP

Search

Tutorials

Example On Converting JSON Text To JavaScript Object

Syntax

Example

Output

You Might Also Like

::. About the Author .::

Comments

Most Popular Posts

Most Recent Posts


Contact \| About Us \| Privacy Policy \| Advertise With Us © 2010 - 2024 Java4s - Get It Yourself. The content is copyrighted to Sivateja Kandula and may not be reproduced on other websites.