16

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

ThinkingStiff
  • 64,767
  • 30
  • 146
  • 239
Fletcher Moore
  • 13,558
  • 11
  • 40
  • 58

3 Answers3

24

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)

Matt
  • 43,482
  • 6
  • 101
  • 102
4

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"
            }
        }
    ]
}
*/
Michael.Lumley
  • 2,345
  • 2
  • 31
  • 53
-2

Using Jquery, you can have object.serialize() to output an object. This is similar to var_dump() in php or Zend_Debug::dump() in Zend.

CoolBeans
  • 20,654
  • 10
  • 86
  • 101
Jagadeesh
  • 188
  • 1
  • 3