jQuery does not return a JSON object to Firebug when JSON is generated by PHP

Question

The contents of test.json are:

{"foo": "The quick brown fox jumps over the lazy dog.","bar": "ABCDEFG","baz": [52, 97]}

When I use the following jQuery.ajax() call to process the static JSON inside test.json,

$.ajax({
    url: 'test.json',
    dataType: 'json',
    data: '',
    success: function(data) {
        $('.result').html('<p>' + data.foo + '</p>' + '<p>' + data.baz[1] + '</p>');
    }
});

I get a JSON object that I can browse in Firebug.

However, when using the same ajax call with the URL pointing instead to this php script:

<?php
    $arrCoords = array('foo'=>'The quick brown fox jumps over the lazy dog.','bar'=>'ABCDEFG','baz'=>array(52,97));
    echo json_encode($arrCoords);
?>

which prints this identical JSON object:

{"foo":"The quick brown fox jumps over the lazy dog.","bar":"ABCDEFG","baz":[52,97]}

I get the proper output in the browser but Firebug only reveals only HTML. There is no JSON tab present when I expand GET request in Firebug.

look at the response tab

Gutzofter
– Gutzofter

2010-05-28 00:59:42 +00:00
Commented May 28, 2010 at 0:59 — Gutzofter
– Gutzofter, Commented May 28, 2010 at 0:59

Sijin · Accepted Answer · 2010-05-27 21:46:26Z

4

Try

<?php
    header('Content-type: application/json');
    $arrCoords = array('foo'=>'The quick brown fox jumps over the lazy dog.','bar'=>'ABCDEFG','baz'=>array(52,97));
    echo json_encode($arrCoords);
?>

answered May 27, 2010 at 21:46

Sijin

4,54024 silver badges22 bronze badges

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

Comments

gnarf · Accepted Answer · 2010-05-27 21:46:49Z

2

You need to set the content-type header most likely:

// this is the "offical" content-type
header('Content-Type: application/json');
// or - this will probably work too
header('Content-Type: text/javascript');

answered May 27, 2010 at 21:46

gnarf

107k26 gold badges129 silver badges161 bronze badges

Collectives™ on Stack Overflow

jQuery does not return a JSON object to Firebug when JSON is generated by PHP

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related