getJSON only returning [object Object],[object Object]

Question

I am testing out some code and I have created a json file with the data.

The problem is that I'm getting "[object Object],[object Object]" in the alert. No data.

What I'm I doing wrong?

Here is the code:

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>

    $(document).ready(function() {
        $.getJSON("appData.json",function(results){alert(results);});
    });

</script>

</head>
<body>

</body>
</html>

and here is the content of appData.json

[{"foo":"bar"},{"foo2":"blablabla"}]

Also, The index.html file and the json file are both on my desktop and I am running it from there.

Satch3000 · Accepted Answer · 2012-08-11 20:20:55Z

6

please try like this:

$.getJSON("appData.json", function(results) {
        $.each(results, function(index) {
            alert(results[index].foo);
        });
    });

edited Aug 11, 2012 at 20:20

Satch3000

49.7k90 gold badges225 silver badges349 bronze badges

answered Aug 11, 2012 at 20:18

Pradeeshnarayan

1,23510 silver badges21 bronze badges

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

1 Comment

Travis J Over a year ago

This will only work for simple json objects. If you need to access a complex model you should use recursion.

user1106925 · Accepted Answer · 2012-08-11 20:16:12Z

1

Well, you're getting an array of objects, and arrays and objects are data.

  //          v----first Object in the outer Array
alert(results[0].foo);
  //              ^----foo property of the first Object

It's just that an alert shows the default toString() values of the objects.

When you use $.getJSON, jQuery parsed the JSON text into JavaScript objects automatically. If you wanted the raw JSON, then make a $.get request instead.

If you want to iterate the Array, use a for loop, or one of the iteration methods from jQuery or the native API.

answered Aug 11, 2012 at 20:16

community wiki

user1106925

Comments

adeneo · Accepted Answer · 2012-08-11 20:17:59Z

1

When alerting an object, it will say just that, [Object], and if using Firefox you could always do alert(results.toSource()); but a better option would be to start using the console (F12) instead:

$(document).ready(function() {
    $.getJSON("appData.json",function(results){
       console.log(results);
    });
});

and you can see the entire object and it's structure.

answered Aug 11, 2012 at 20:17

adeneo

319k29 gold badges410 silver badges392 bronze badges

Comments

Travis J · Accepted Answer · 2012-08-11 20:25:19Z

There is no problem there. That is letting you know there are two objects inside of the array. The reason that you are getting that is because it is the top level so you only get types back. A good way to access JSON data is through recursion.

function ContainsKeyValue( obj, key, value ){
for( all in obj )
{
    if( obj[all] != null && obj[all][key] == value ){
        return true;
    }
    if( typeof obj[all] == "object" && obj[all]!= null ){
        var found = ContainsKeyValue( obj[all], key, value );
        if( found == true ) return true;
    }
}
return false;
}

This will start from a given object inside of the graph, and recurse down any objects found. I use it like this:

var liveData = [];
for( var item in json.Items)
{
if( ContainsKeyValue( json.Items[item], "Key", "Value" ) === true )
{
    liveData.push( json.Items[item] );
}
}

Collectives™ on Stack Overflow

getJSON only returning [object Object],[object Object]

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related