PHP and JSON in JQuery

Question

I'm generating a json file with php and store it on my server. Here is the code for exporting the json

/**
 * FUNCTIONS TO EXPORT AS JSON
 */
public function expose() {
    return array(
             'guid' => $this->guid,
               'title' => $this->title,
               'folder' => $this->folder,
               'owner' => $this->owner,
                 #'pictures' => json_encode(array_values($this->pictures), JSON_FORCE_OBJECT),
                 'excude' => $this->excude,
                 'added' => $this->added,
                 'lastViewed' => $this->lastViewed,
        );
    #return get_object_vars($this);
}

public function toJSON(){
    return json_encode($this->expose(), JSON_FORCE_OBJECT);
}

The content of the file is this:

{"guid":"","title":"Sample Gallery","folder":"sampleGallery","owner":"","excude":true,"added":"","lastViewed":""}

then in my html file I try to load this with jquery, but I fail to get the objects to the console

$.getJSON('/files/galleries/index/sampleGallery.gallery', function(data) {
    console.log(data); // works!
var jsonObj = jQuery.parseJSON(data); 
for (key in jsonObj) {
    console.log(key+':'+JSON.stringify(jsonObj[key]));
}
});

Note that the loading of json works fine!

Can someone tell me what I am doing wrong? Thanks in advance!

you are parsing a javascript object.. no need to parse it since already is a javascript object — wirey00
– wirey00, Commented Jan 30, 2013 at 15:17
Are you sure that the path to your sampleGallery.gallery file is correct in regards to the www server? — inquam
– inquam, Commented Jan 30, 2013 at 15:18
yes, the server returns a correct json file works now with removing the line jQuery.parseJSON(data); — lumo
– lumo, Commented Feb 1, 2013 at 15:07

yan.kun · Accepted Answer · 2013-01-30 15:18:12Z

1

You don't need to call parseJSON(), beacase data is already an object.

answered Jan 30, 2013 at 15:18

yan.kun

6,9182 gold badges32 silver badges41 bronze badges

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

Comments

tvanfosson · Accepted Answer · 2013-01-30 15:17:41Z

0

If you are returning the data as JSON, you don't need to parse it again. JQuery has already done that for you.

$.getJSON('/files/galleries/index/sampleGallery.gallery', function(data) {
    console.log(data); // works!
    for (key in data) {
        console.log(key+':'+JSON.stringify(data[key]));
    }
});

answered Jan 30, 2013 at 15:17

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Comments

Jan Zyka · Accepted Answer · 2013-01-30 15:17:02Z

0

I think your data is already parsed because you call getJSON, you should access directly the data object and avoid the jQuery.parseJSON(data); call.

answered Jan 30, 2013 at 15:17

Jan Zyka

18k18 gold badges75 silver badges120 bronze badges

Comments

Arun P Johny · Accepted Answer · 2013-01-30 15:17:05Z

0

You don't have to do var jsonObj = jQuery.parseJSON(data);. jQuery.getJson parses the returned value as a json object before calling the success callback.

Your code should be

$.getJSON('/files/galleries/index/sampleGallery.gallery', function(data) {
    console.log(data); // works!
    for (key in data) {
        console.log(key+':'+JSON.stringify(data[key]));
    }
});

answered Jan 30, 2013 at 15:17

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Quentin · Accepted Answer · 2013-01-30 15:18:43Z

0

Presumably data contains parsed JSON (i.e. a JavaScript object).

Trying to parse a JavaScript object as if it were a string containing JSON isn't going to work.

Get rid of var jsonObj = jQuery.parseJSON(data); and then for (var key in data) {

answered Jan 30, 2013 at 15:18

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Louis Ricci · Accepted Answer · 2013-01-30 15:19:45Z

0

data is already an object, no need to parse it.

Just read the manual: http://api.jquery.com/jQuery.getJSON/

answered Jan 30, 2013 at 15:19

Louis Ricci

21.1k5 gold badges50 silver badges64 bronze badges

Comments

Heru S · Accepted Answer · 2013-01-30 15:19:51Z

0

You don't need to do jQuery.parseJSON(data) any more, since you are using getJSON.

Check out the documentation here: http://api.jquery.com/jQuery.getJSON/

I think your code should be:

$.getJSON('/files/galleries/index/sampleGallery.gallery', function(data) {
    console.log(data); // works!
// jsonObj removed, just use data since data is in JSON already
for (key in data) {
    console.log(key+':'+JSON.stringify(jsonObj[key]));
}
});

answered Jan 30, 2013 at 15:19

Heru S

1,3232 gold badges19 silver badges29 bronze badges

Collectives™ on Stack Overflow

PHP and JSON in JQuery

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Related