more objects in one json file

Question

I am developing a mapping tool, and I am using jQuery to download JSON data from a server. the code for the jquery is currently:

$.getJSON("start.json", function(data) {
    var items = [];

    $.each(data, function(key, val) {
        alert("data: " + key + "->" + val);
    });
});

the json file looks like this:

{
    "type"  :   "obstacle",
    "top"   :   20,
    "left"  :   10,
    "height":   50,
    "width" :   70,
    "tall"  :   10
}

now, the "problem" is that, as it can be seen clearly, in this format, the json can only contain one object. how do I have to structure my file (and consequently my jquery) to have more than one object?

Thanks in advance.

Have a look at NDJSON, Newline Delimited JSON.

axiopisty
– axiopisty

2022-08-23 15:53:47 +00:00
Commented Aug 23, 2022 at 15:53 — axiopisty
– axiopisty, Commented Aug 23, 2022 at 15:53

aKzenT · Accepted Answer · 2012-08-19 08:51:13Z

1

You can make an array of JSON objects like this:

[
    { 
        "type"  :   "obstacle", 
        "top"   :   20, 
        "left"  :   10, 
        "height":   50, 
        "width" :   70, 
        "tall"  :   10 
    } ,
    { 
        "type"  :   "obstacle", 
        "top"   :   50, 
        "left"  :   10, 
        "height":   50, 
        "width" :   20, 
        "tall"  :   10 
    } 
]

Edit: jQuery would be something like:

$.each(data, function(index, obstacle))
{
    $.each(obstacle, function(key, val) { 
        alert("data: " + key + "->" + val); 
    }); 
}

answered Aug 19, 2012 at 8:51

aKzenT

7,9153 gold badges38 silver badges66 bronze badges

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

1 Comment

user1130217 Over a year ago

I am getting an alert with: data: 0->[object Object]

Blender · Accepted Answer · 2012-08-19 08:50:03Z

0

You can use an array to store them:

{
  "objects": [
    {
      "type"  :   "obstacle",
        "top"   :   20,
        "left"  :   10,
        "height":   50,
        "width" :   70,
        "tall"  :   10
      }, {
      "type"  :   "obstacle",
        "top"   :   20,
        "left"  :   10,
        "height":   50,
        "width" :   70,
        "tall"  :   10
      }, {
      "type"  :   "obstacle",
        "top"   :   20,
        "left"  :   10,
        "height":   50,
        "width" :   70,
        "tall"  :   10
      }
    ]
}

Now, when you iterate, you can access an individual object's properties:

$.each(data.objects, function(key, val) {
  console.log(key + ' => ' + val);
});

answered Aug 19, 2012 at 8:50

Blender

300k55 gold badges462 silver badges512 bronze badges

2 Comments

user1130217 Over a year ago

great! what about the jquery?

Blender Over a year ago

Well, data.objects will be an array that stores all of the objects. Iterate over it and console.log() some stuff.

Collectives™ on Stack Overflow

more objects in one json file

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related