How to extract json, multiple value using jquery

Question

Hello I have a json data like this

KLOBS   {"SL_VEF_APPLIED_VS_BOL_R1_KLOBS":["0.00247320692497939","0.000008129750823137272"]}
KL15    {"SL_VEF_APPLIED_VS_BOL_R1_KL15":["0.01890831252229754","0.9008162336184189"]}

I'm already try extract json

$.get('url_request.php?' + $(this).serialize(), function(data) {
    var obj = data;

    $.each(obj, function(key, value) {
        console.log(key);
        console.log(value);
    });
});

$.each(obj, function(key, value) {
    console.log(key);
    console.log(value);
});

And I get result

KLOBS 
{"SL_VEF_APPLIED_VS_BOL_R1_KLOBS":["0.00247320692497939","0.000008129750823137272"]}  

KL15
{"SL_VEF_APPLIED_VS_BOL_R1_KL15":["0.01890831252229754","0.9008162336184189"]}

I want to get result like this:-

KLOBS
0.00247320692497939
0.000008129750823137272

KL15
0.01890831252229754
0.9008162336184189

How to call json like this ??

I don't know call multiple value data in Json.

Please help me.

you will need to loop thru value array. something like value.forEach(x=>{console.log(x)}) — Rahul Bisht
– Rahul Bisht, Commented May 1, 2018 at 5:19
can you try to remove serialize() from your request? if this is not possible you need to unserialize your response — CrissCrossCrass
– CrissCrossCrass, Commented May 1, 2018 at 5:20

Saeed · Accepted Answer · 2018-05-01 05:37:04Z

2

Try this

    var arr = {
      KLOBS: {
        SL_VEF_APPLIED_VS_BOL_R1_KLOBS: [
          "0.00247320692497939",
          "0.000008129750823137272"
        ]
      },
      KL15: {
        SL_VEF_APPLIED_VS_BOL_R1_KL15: ["0.01890831252229754", "0.9008162336184189"]
      }
    };
    
    Object.keys(arr).forEach(function(key, value) {
      console.log(key);
      Object.keys(arr[key]).forEach(function(val) {
        arr[key][val].forEach(function(data) {
          console.log(data);
        });
      });
    });

answered May 1, 2018 at 5:37

Saeed

5,4983 gold badges30 silver badges43 bronze badges

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

4 Comments

Maestro Vladimir Over a year ago

TypeError: arr[key][val].forEach is not a function why ?? see my code. pastebin.com/WjBmg7fJ

Saeed Over a year ago

log your jsondata please. is that exact the same as array you put in question? @MuhamadRidwansyah

Saeed Over a year ago

try JSON.parse it. Think it is stringified.

Saeed Over a year ago

first jsonData = JSON.stringify(jsonData) and then jsonData = JSON.parse(jsonData). @MuhamadRidwansyah

Thomas Junk · Accepted Answer · 2018-05-01 05:36:38Z

1

In general you could do the following:

var KLOBS = {"SL_VEF_APPLIED_VS_BOL_R1_KLOBS": 
["0.00247320692497939","0.000008129750823137272"]}

values = Object.keys(KLOBS).map(x=>{
    return KLOBS[x];
})

values.forEach(x=>x.forEach(y=>console.log(y)))

jsfiddle

Object.keys gives you an array of the keys in an object. Since I do not know the structure in advance, I assume it better thinking of more than one key.

With the function map, a function is applied to each member of the array returned by Object.keys. This is used to extract the values.

The resulting structure is an array of arrays.

Therefore a double forEach is needed to display every entry of the structure.

answered May 1, 2018 at 5:36

Thomas Junk

5,6962 gold badges34 silver badges48 bronze badges

Collectives™ on Stack Overflow

How to extract json, multiple value using jquery

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related