Access data from Object in json response

Question

My json returns below shown set of array of objects and I need to access the data inside it. In the console this is what the response looks like

What i am trying to do is to access the object to get the subcategoryid and subcategoryname then display it inside a dropdown list. Here is my code for it

$.get('ajax-subcat?cat_id=' + cat_id, function(data)
          {
              console.log(data);

              $('#subcategory').empty();

              $.each(data, function(index, subcatObj)
              {
                alert(subcatObj);
                $('#subcategory').append('<option value="' + subcatObj.Object.subcategoryid +'">' + subcatObj.subcategoryname +'</option>');
              });

          });

The thing I don't know is how to access the data inside the object. Any ideas?

Just replace subcatObj.Object.subcategoryid with subcatObj.subcategoryid — Prakash Thete
– Prakash Thete, Commented Jul 21, 2016 at 6:23

Erick Boshoff · Accepted Answer · 2016-07-21 06:23:23Z

2

Try this:

JAVASCRIPT

for (var i = 0; i < data.length; i++) {
    console.log(data[i].subcategoryid);
}

answered Jul 21, 2016 at 6:23

Erick Boshoff

1,6132 gold badges22 silver badges33 bronze badges

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

4 Comments

BourneShady Over a year ago

hello why is it logging twice?

Erick Boshoff Over a year ago

Hi, in what manner is it logging twice? Can you maybe provide me with an example from the logged output in the console then I can maybe tell you why?

BourneShady Over a year ago

hm for example i have subcategoryid 7,8,9 in the console it is being logged 3 times. i have this onchange and the isTrigger value is 3 maybe that causes the error

Erick Boshoff Over a year ago

Okay that might be the issue, but I am not quite sure. The following reasons can cause the data to log more than once: 1. Multiple Objects with same value, 2. ;$.get' gets bound more than once, 3. The console.log is called more than once. Maybe update your answer with an example of current output with the example I gave and your full code or function so we can determine what is causing the issue.

kapantzak · Accepted Answer · 2016-07-21 06:24:31Z

1

Assuming that you have a select element in markup:

<select id="mySelectElement"></select>

Try this to iterate the object and fill the combo box:

$.get('ajax-subcat?cat_id=' + cat_id, function(data) {
   // Get a reference to the target element
   var selectTarget = $('#mySelectElement');
   // Iterate over the response data
   for (var i in data) {
      // For every object in array, append a new option element
      selectTarget.append($('<option value="' + data[i].subcategoryid + '">' + data[i].subcategoryname + '</option>'));
   }
});

answered Jul 21, 2016 at 6:24

kapantzak

11.8k5 gold badges42 silver badges63 bronze badges

1 Comment

BourneShady Over a year ago

hi i did this but it was not able to populate the dropdown? any ideas?

yugantar kumar · Accepted Answer · 2016-07-21 06:32:34Z

1

For this purpose, you can use underscore.js library to get whole data corresponding to particular key in the form of array.

_.pluck(data, 'subCategoryid') // array of all values corresponding to 'subcategoryid'

answered Jul 21, 2016 at 6:32

yugantar kumar

2,0501 gold badge25 silver badges34 bronze badges

Collectives™ on Stack Overflow

Access data from Object in json response

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related