i have json array

and this is my code

 var conf_url = "https://192.168.236.33/confbridge_participants/conference_participants.json?cid=0090000007";

   getParticipant(conf_url, function(output){
        var uid = output.uid;
        document.write(uid);
        });

 function getParticipant(conf_uri, handleData) {
    $.ajax({
      type: "GET",
      url: conf_uri,
      dataType: "jsonp",
      jsonpCallback: 'callback',
      contentType: "application/javascript",
      success: function(data) {
        handleData(data);
     //   console.log(data);
      }
    });

  }

i want to get uid of each object

but my output is undefined . . What am i doing wrong ? Please help.

i have json array

and this is my code

 var conf_url = "https://192.168.236.33/confbridge_participants/conference_participants.json?cid=0090000007";

   getParticipant(conf_url, function(output){
        var uid = output.uid;
        document.write(uid);
        });

 function getParticipant(conf_uri, handleData) {
    $.ajax({
      type: "GET",
      url: conf_uri,
      dataType: "jsonp",
      jsonpCallback: 'callback',
      contentType: "application/javascript",
      success: function(data) {
        handleData(data);
     //   console.log(data);
      }
    });

  }

i want to get uid of each object

but my output is undefined . . What am i doing wrong ? Please help.

• javascript
• jquery
• arrays
• ajax
• json

Share Improve this question Follow asked Aug 18, 2015 at 6:52 ar emar em 44422 gold badges66 silver badges1818 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

you have iterate through the object list to output the value. You are getting an object array.

so

data.forEach(function(obj){
    console.log(obj['uid'])
})

the following would output the uid.

Update

You are passing a callback function to the Ajax request. So just do the following way.

getParticipant(conf_url, function(data) {
    data.forEach(function(obj){
       document.write(obj['uid'])
    })
});

function getParticipant(conf_uri, handleData) {
    $.ajax({
        type: "GET",
        url: conf_uri,
        dataType: "jsonp",
        jsonpCallback: 'callback',
        contentType: "application/javascript",
        success: handleData(data);
    });
}

pass the callback function directly to the ajax success and you can access the data returned from the ajax inside the callback function.

How about this:

 console.log(Object.keys(data).map(function(value, index){ return data[value].uid; }));

You need a loop to read the uid of each object. Your code now is reading the uid attribute on the Array object, that's why you are getting an undefined

var response = JSON.parse(data);
response.forEach(function(item){
    console.log(item.uid);
});