convert json_encode data to javascript array

Question

I am send some data from php by json_encode to javascript. this is the data

[{"albumid":"ASaBFzCtl8","albumname":"anni","type":"3","access":"2","itemcount":"2"},{"albumid":"EmgsZ43ehT","albumname":"testalbum","type":"1","access":"1","itemcount":"0"},{"albumid":"Jf4H4SvFGk","albumname":"test2album","type":"3","access":"1","itemcount":"0"},{"albumid":"k3pacBSmIl","albumname":"testalbumpvt","type":"3","access":"2","itemcount":"0"}]

after enoding in php it is something like that

       //json_encode($data);

"[{\"albumid\":\"ASaBFzCtl8\",\"albumname\":\"anni\",\"type\":\"3\",\"access\":\"2\",\"itemcount\":\"2\"},{\"albumid\":\"EmgsZ43ehT\",\"albumname\":\"testalbum\",\"type\":\"1\",\"access\":\"1\",\"itemcount\":\"0\"},{\"albumid\":\"Jf4H4SvFGk\",\"albumname\":\"test2album\",\"type\":\"3\",\"access\":\"1\",\"itemcount\":\"0\"},{\"albumid\":\"k3pacBSmIl\",\"albumname\":\"testalbumpvt\",\"type\":\"3\",\"access\":\"2\",\"itemcount\":\"0\"}]"

i am receiving this in jquery

$.post("demo.php",
  {
    token:"123456789"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });

what can i do so that i get all data in javascript array i need type value out of it and looking something like that

var typevalue = jsonArray['type'];
// typevalue = 3

Possible duplicate of Access / process (nested) objects, arrays or JSON. The response defines an Array of Objects, so you'll have to specify a property accessor for each layer -- data[0].type or JSON.parse(data)[0].type if jQuery hasn't already parsed the response. — Jonathan Lonowski
– Jonathan Lonowski, Commented Apr 11, 2014 at 18:02

Wilmer · Accepted Answer · 2014-04-11 18:04:08Z

1

Assuming you have parsed json here's how you loop it:

$.each(data, function(key, album){
    console.log(album.type);
});

To grab the first type in the list simply do:

var albumType = data[0].type;

Full solution with parsing:

$.post("demo.php", {
    token: "123456789"
},

function (data, status) {
    $.each(data, function (key, album) {
        alert(album.type);
    });

}, "json"); //datatype defined here

edited Apr 11, 2014 at 18:04

answered Apr 11, 2014 at 17:58

Wilmer

2,5091 gold badge14 silver badges8 bronze badges

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

Comments

nni6 · Accepted Answer · 2014-04-11 17:56:43Z

0

Without JQuery:

JSON.parse(data);

answered Apr 11, 2014 at 17:56

nni6

1,0006 silver badges13 bronze badges

Comments

Sahil Mittal · Accepted Answer · 2014-04-11 18:01:18Z

0

Sending array from php as-

json_encode($php_array);

Receive the array in js-

var js_array = jQuery.parseJSON(result);

$.each(js_array , function(idx,obj) {
    console.log(obj.type);
});

edited Apr 11, 2014 at 18:01

answered Apr 11, 2014 at 17:53

Sahil Mittal

20.7k12 gold badges68 silver badges91 bronze badges

4 Comments

Anni Over a year ago

Sahil how can i get value of type out of it. in my case there is 4 type values first one is 3 after that 1 , 3 1

Sahil Mittal Over a year ago

did you tried this code? This will alert all 3 values

Anni Over a year ago

i tried this alert(result.type) but it says undefined

Anni Over a year ago

it alert complete data value but i need some of it

Archytas60 · Accepted Answer · 2014-04-11 18:02:17Z

0

1stly you can encode the array directly

  $sendData = JSON_encode(array(
    "albumId"=>"ASaBFzCtl8",
    "albumName"=>"anni",
     // etc
   ));
   echo $sendData;

2ndly in JS, you can parse the date with JSON_parse

 $.post("demo.php",
      {
        token:"123456789"
      },
      function(data,status){
        var json = JSON_parse(data);
        console.log(json.albumId); // or alert
      }
    );

answered Apr 11, 2014 at 18:02

Archytas60

112 bronze badges

1 Comment

Archytas60 Over a year ago

sorry it is JSON.parse() and not JSON_parse()

Collectives™ on Stack Overflow

convert json_encode data to javascript array

4 Answers 4

Comments

Comments

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related