Fetch data from JavaScript getting from AJAX (JSON) response

Question

{
   "id":"1",
   "firstName":"vishal",
   "lastName":"gehlot",
   "title":"Mr.",
   "officePhone":"643636",
   "lastModified":""
},
{
   "id":"2",
   "firstName":"daya",
   "lastName":"dayaji",
   "title":"Mr.",
   "officePhone":"858587",
   "lastModified":""
},
{
   "id":"7",
   "firstName":"tripti",
   "lastName":"tri",
   "title":"ms",
   "officePhone":"4535",
   "lastModified":""
},
{
   "id":"59",
   "firstName":"Daya",
   "lastName":"s",
   "title":"",
   "officePhone":"698789",
   "lastModified":""
},
{
   "id":"89",
   "firstName":"prashant",
   "lastName":"p",
   "title":"",
   "officePhone":"987698",
   "lastModified":""
}

How to fetch each data using JavaScript?

<script type="text/javascript" src="ajax.js">
function loadXMLDoc()
{
    alert('inside');
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
 // alert(xmlhttp.readyState);
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
   // alert(xmlhttp.responseText);
    var obj = [{"id":"1","firstName":"vishal","lastName":"gehlot","title":"Mr.","officePhone":"643636","lastModified":""},{"id":"2","firstName":"daya","lastName":"dayaji","title":"Mr.","officePhone":"858587","lastModified":""},{"id":"7","firstName":"tripti","lastName":"tri","title":"ms","officePhone":"4535","lastModified":""},{"id":"59","firstName":"Daya","lastName":"s","title":"","officePhone":"698789","lastModified":""},{"id":"89","firstName":"prashant","lastName":"p","title":"","officePhone":"987698","lastModified":""}];
      alert(obj);
      for(var index=0; index<obj.length;index++)   {

          alert((obj[index].id));
          alert((obj[index].firstName));
              //like this....
          }
    }
  }
xmlhttp.open("GET","localapi.php?mode=list",true);
xmlhttp.send();
}

</script>
<input type="button" value="Check Data" onclick="loadXMLDoc()" />

this code is working fro me but when same response which i have taken in obj getting from ajax it is not working ...what will be the issue

You have an array of json objects, but the array brakes, [...], are missing (at least in what you have posted). — Majid Fouladpour
– Majid Fouladpour, Commented Jun 26, 2012 at 6:34

sandeep patel · Accepted Answer · 2012-06-26 06:36:34Z

3

code:-

var obj=[{"id":"1","firstName":"vishal","lastName":"gehlot","title":"Mr.","officePhone":"643636","lastModified":""},{"id":"2","firstName":"daya","lastName":"dayaji","title":"Mr.","officePhone":"858587","lastModified":""},{"id":"7","firstName":"tripti","lastName":"tri","title":"ms","officePhone":"4535","lastModified":""},{"id":"59","firstName":"Daya","lastName":"s","title":"","officePhone":"698789","lastModified":""},{"id":"89","firstName":"prashant","lastName":"p","title":"","officePhone":"987698","lastModified":""}];


        for(var index=0; index<obj.length;index++)   {

            document.write(obj[index].id)
            document.write(obj[index].firstName)
                //like this....
            }

link:- http://jsfiddle.net/rcDue/3/

answered Jun 26, 2012 at 6:36

sandeep patel

4364 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Blaster Over a year ago

Normal for loop is used for arrays not objects :)

Majid Fouladpour Over a year ago

@Blaster If you examine the data, you'd see it is an array, with each element being a json object, so sandeep's code would work, but yours would not.

vishalg Over a year ago

@sandeeppatel Check my code ..when i m putting data manually it is working but not working with ajax response

vishalg Over a year ago

@sandeeppatel Thanks it worked for me....the mistake i did was ..after ajax response i need to do eval with ajax resonse var obj = eval('(' + xmlhttp.responseText + ')');

Blaster · Accepted Answer · 2012-06-26 06:31:48Z

1

How to fetch each data using javascript

Like this:

var obj = JSON.parse(yourJSONData);

for (var x in obj) {
  if (obj.hasOwnProperty(x)) {
    console.log(obj[x]);
  }
}

The above code uses JSON.parse to convert your JSON string to JavaScript object and then uses for-in loop to read each property of it.

answered Jun 26, 2012 at 6:31

Blaster

9,0801 gold badge30 silver badges25 bronze badges

Comments

Raekye · Accepted Answer · 2012-06-26 06:37:47Z

0

That's a javascript object. lets say you saved it in a variable

var myObjects = {...}

Access it with the simple "dot" notation

alert(myObject.id) produces an alert "1" alert(myObject.firstName) produces "vishal"

Edit: sorry, to get each property:

try

for (var propertyName in myObject) {
     alert(myObject[propertyName]);
}

edited Jun 26, 2012 at 6:37

answered Jun 26, 2012 at 6:32

Raekye

5,1318 gold badges52 silver badges75 bronze badges

1 Comment

Blaster Over a year ago

How to fetch each data using javascript

Collectives™ on Stack Overflow

Fetch data from JavaScript getting from AJAX (JSON) response

3 Answers 3

4 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related