How to iterate over json array in a success callback in this code?

Question

I'm fetching data from database with php and mysql and returning an array with json that looks like this in the console :

I'm trying to iterate through this result in the success callback with this code without success :

$.ajax({
  type: 'POST',
  url: 'query/getUpdate.php',
  data: values,
  dataType: 'json',
  success: function(datas) {


    if (datas.message === 'success') {

      var selectedworkerid = datas.selectedworkerid;

      //display number of new messages

      datas = $.parseJSON(datas);
      $.each(datas, function(key, val) {
        console.log(key);
        console.log(val.selectedworkerid);
      });

    }

  }
});

What am I doing wrong or what I am missing for this to work?

if (datas.message === 'success') { is absolutely not trying to iterate... — Taplar
– Taplar, Commented Apr 29, 2019 at 20:30
datas does not have a message property: it is an array with objects. Those objects have the message property. — trincot
– trincot, Commented Apr 29, 2019 at 20:31
All your logic should be in the $.each(). You're trying to access elements too soon. — Taplar
– Taplar, Commented Apr 29, 2019 at 20:32
dataType:'json' means your "datas" (should be "data") has already been parsed, so you don't need to re-parse it with $.parseJSON. Put the $.each as the first line of the success callback and move the other code inside (and edit accordingly) - as others already said, you only have an array, "datas" itself doesn't have message/selectedworkerid. — fdomn-m
– fdomn-m, Commented Apr 29, 2019 at 20:37
datas in this context refers to an array of objects not a specific object inside that array. When you reassign datas it refers to the same array but as parsed JSON format so now you have the same data but in an official JSON format. Angel has it right. I took Angel's example and adapted it so you can see it in action: codepen.io/anon/pen/jRRKaa — HellaDev
– HellaDev, Commented Apr 29, 2019 at 20:56

Angel Politis · Accepted Answer · 2019-04-29 20:40:13Z

1

You have to iterate over the objects in the array to be able to iterate over the key-value pairs of each object:

$.each(datas, function (index, obj) {
    if (obj.message === "success") {
        $.each(obj, function (key, val) {
            console.log(key);
            console.log(val);
        });
    }
});

To simply get the selectedworkerid of each object if the message is "success", you need to iterate once:

$.each(datas, function (index, obj) {
    if (obj.message === "success") {
        console.log(obj.selectedworkerid);
    }
});

answered Apr 29, 2019 at 20:40

Angel Politis

11.4k15 gold badges51 silver badges67 bronze badges

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

Collectives™ on Stack Overflow

How to iterate over json array in a success callback in this code?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related