Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Does jQuery have a JSON/javascript object to HTML pretty print function similar to PHP's var_dump?

Does jQuery have a JSON/Javascript object to HTML pretty print function similar to PHP's var_dump? If yes, what is it?

like image 887
Fletcher Moore Avatar asked May 04 '10 19:05

Fletcher Moore


2 Answers

Although the accepted answer is correct that jQuery does not have a pretty print feature for JSON, that feature is now included in out of the box javascript through JSON.stringify()'s space argument.

To print to HTML, wrapping the output with <pre> </pre> will preserve the line spacing for readability purposes.

var obj = {a:1, 'b':'foo', c:[false,'false',null, 'null', {d:{e:1.3e5,f:'1.3e5'}}]};
var str = "<pre>" + JSON.stringify(obj, undefined, 4) + "</pre>";

/* Returns
{
    "a": 1,
    "b": "foo",
    "c": [
        false,
        "false",
        null,
        "null",
        {
            "d": {
                "e": 130000,
                "f": "1.3e5"
            }
        }
    ]
}
*/
like image 26
Michael.Lumley Avatar answered Oct 23 '22 15:10

Michael.Lumley


jQuery does not (out of the box).

However, James Padolsey created this prettyPrint which I really like.

Also, if you're using Firebug or Web Inspector (or similar), you can just type the object into the console, press return, and see a tree-dump of the object. To force a tree-view, call console.dir(obj)

like image 114
Matt Avatar answered Oct 23 '22 15:10

Matt