Working with json using Jquery

Question

I have such json :

[{"pk": 1, "fields": {"name": "name 1", "description": "description 1", "image": "absolute url 1"}, "pk": 2, "fields": {"name": "name 2", "description": "description 2", "image": "absolute url 2"}}]

and i need access to fields, e.g.

$.getJSON("/json/", function(data) {
    $.each(data, function(key, value) {
        $.('#id1').append([data.pk]);
        $.('#id2').append([data.fields.name]);

You need to give more information on what exactly you want to do and where you are having problems. Without that, no one can really help you. — plocks
– plocks, Commented May 18, 2014 at 13:58
The JSON is incorrect. You have duplicate pk and field properties in the same object. — Guffa
– Guffa, Commented May 18, 2014 at 14:07
Sorry, probably im incorrect ask a question.. i need just access to "fields" attributes (name, description,image) and pass it to DOM. — Raido
– Raido, Commented May 18, 2014 at 14:19

Ram · Accepted Answer · 2014-05-18 14:16:36Z

1

There are several errors in your code. Also your JSON is malformed.

var data = [{
    "pk": 1,
    "fields": {
        "name": "name 1",
        "description": "description 1",
        "image": "absolute url 1"
    },
    "pk": 2,
    "fields": {
        "name": "name 2",
        "description": "description 2",
        "image": "absolute url 2"
    }
}];

It has only one object with several similar properties, the last similar property overwrites the previous one, this means that the object's pk property for example is set to 2. It's probably supposed to have this structure (an array of 2 objects):

var data = [
{
    "pk": 1,
    "fields": {
        "name": "name 1",
        "description": "description 1",
        "image": "absolute url 1"
    }
}, 
{
    "pk": 2,
    "fields": {
        "name": "name 2",
        "description": "description 2",
        "image": "absolute url 2"
    }
}];

Now, you can read the objects' properties this way:

$.each(data, function (index, value) {
    console.log("pk: ", value.pk);
    console.log("fields.name: ", value.fields.name);
});

Also note that for creating a jQuery object you should remove the .:

$('#id1').append(value.pk);

edited May 18, 2014 at 14:16

answered May 18, 2014 at 14:10

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

Raido Over a year ago

Yes! I did it with your answer, Thank you much!

Collectives™ on Stack Overflow

Working with json using Jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related