How can i get value of array using ajax function?

Question

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.

Imesh Chandrasiri · Accepted Answer · 2015-08-18 08:26:21Z

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.

edited Aug 18, 2015 at 8:26

answered Aug 18, 2015 at 7:02

Imesh Chandrasiri

5,67915 gold badges64 silver badges107 bronze badges

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

1 Comment

ar em Over a year ago

uhm . . how can i output it on my code getParticipant(conf_url, function(output){ var uid = output.uid; document.write(uid); }); ?

Karl Wilbur · Accepted Answer · 2015-08-18 07:01:21Z

2

How about this:

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

answered Aug 18, 2015 at 7:01

Karl Wilbur

6,3473 gold badges47 silver badges57 bronze badges

Comments

Maroun Baydoun · Accepted Answer · 2015-08-18 06:57:49Z

1

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

answered Aug 18, 2015 at 6:57

Maroun Baydoun

4643 silver badges8 bronze badges

Comments

biancamihai · Accepted Answer · 2015-08-18 07:01:47Z

1

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

answered Aug 18, 2015 at 7:01

biancamihai

9816 silver badges14 bronze badges

2 Comments

ar em Over a year ago

uhm . . how can i output it on my code getParticipant(conf_url, function(output){ var uid = output.uid; document.write(uid); }); ?

Imesh Chandrasiri Over a year ago

@biancamihai : actually you don't need to parse data to json since it already comes as json. the data type is set to json in the ajax request.

Collectives™ on Stack Overflow

How can i get value of array using ajax function?

4 Answers 4

1 Comment

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related