jQuery - json parse

Question

How to use foreach parse the json type -

getData: function(id, dataid)
    {
        $.post('Action/Load.php',{
            id: id
        }, function(data) {
            
            $(dataid).html(data);
        });
    }

data = {"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"}

I would get text -

1 - Hello World - Jenan - 1 - url.

Joe · Accepted Answer · 2011-09-16 00:47:04Z

2

for...in will loop through each object key:

var output = [];
for( var key in data) {
  if (data.hasOwnProperty(key)) {
      output.push(data[key])
  }
}

alert(output.join(' - '));

EDIT

data.url; // the value of url, which happens to be url in this example
// or
data['url']

hasOwnProperty ensures that the key is a direct property of the object.

answered Sep 16, 2011 at 0:47

Joe

82.8k18 gold badges130 silver badges147 bronze badges

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

1 Comment

beatgammit Over a year ago

+1 for suggesting Array.join. It's simpler, and more efficient than string concatenation.

aaaaaa · Accepted Answer · 2011-09-16 02:28:16Z

1

The $.each() function only works on Arrays and jQuery objects.

Here, data is not an array, its a regular object.

So, get the data from your Json this way :

getData: function(id, dataid)
    {
        $.post('Action/Load.php',{
            id: id
        }, function(data) {
            $(dataid).html(data.file +' - '+ data.text +' - '+ data.name +' - '+ data.id +' - '+ data.url);
        });
    }

EDIT: If you have some of these objects in an Array like the one that follows :

[{"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"},{"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"},{"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"}]

Do like that :

getData: function(id, dataid)
    {
        $.post('Action/Load.php',{
            id: id
        }, function(data) {
            $(dataid).html('');
            $.each(data, function(key, value){
                $(dataid).append(value.file +' - '+ value.text +' - '+ value.name +' - '+ value.id +' - '+ value.url +'<br/>');
            });
        });
    }

edited Sep 16, 2011 at 2:28

answered Sep 16, 2011 at 0:51

aaaaaa

2,6283 gold badges27 silver badges31 bronze badges

5 Comments

Jenan Over a year ago

And if I had a collection of data. How can I read only the url?

aaaaaa Over a year ago

What do you mean by a collection of data ? Show me the Json representation of what you have in mind

Jenan Over a year ago

I try your example and this is result - undefined - undefined - undefined - undefined - undefined

Jenan Over a year ago

For example this collection : [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ]

aaaaaa Over a year ago

alright, then you need a $.each(), try with the updated code

Collectives™ on Stack Overflow

jQuery - json parse

2 Answers 2

1 Comment

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related