JSON ajax response outputed to screen

Question

Our server is located in europe. Now and then an american based user reports a problem when he uses the $.getJSON function.

His browser just displays the json response instead of catching it and passing it to javascript.

The ajax call just looks like:

$.getJSON(url, function(json_data){ ... });

Any ideas?

More info:

The the same user has the problem in FF and IE.
I use Ruby On Rails render :json. which response type is application/json.

We have a lot of users and none of them have ever reported such a problem. So I'm guessing that the code works. Maybe it has to do with latency, timeouts... — Tom Maeckelberghe, Sep 29 '11 at 14:15
What response type is your server putting out? (`application/json`, or...?) http://stackoverflow.com/questions/477816/the-right-json-content-type — nnnnnn, Sep 29 '11 at 14:17
I use Ruby On Rails render :json. which response type is 'application/json' — Tom Maeckelberghe, Sep 29 '11 at 14:41
http://stackoverflow.com/questions/5643570/browser-sometimes-displays-json-text-instead-of-desired-page — Tom Maeckelberghe, Oct 03 '11 at 14:10

score 2 · Answer 1 · answered Sep 29 '11 at 15:31

Try using the $.ajax() method so you can handle errors and debug the success callback.

    $.ajax({
        type: "GET",
        contentType: "application/json; charset=utf-8",
        data: {},
        dataType: "json",
        url: url,
        success: function(json_data) {
            // parse json_data object
        },
        error: function (xhr, status, error) {
            // check for errors                
        } 
    });

Aside from that using an XHR viewer like Firebug or Chrome's built-in utility (CTRL+SHIFT+I) can be very helpful.

XHR DOM reference: http://www.w3schools.com/dom/dom_http.asp

JSON ajax response outputed to screen

1 Answers1