jJsonViewer is a jquery plugin which you can call on any jquery element. This function takes JSON or stringified JSON as input which will be converted into html and added into given element.
var jjson = '{ "name": "jJsonViewer","author": { "name": "Shridhar Deshmukh", "email": "[email protected]", "contact": [{"location": "office", "number": 123456}, {"location": "home", "number": 987654}] } }';
$("#jjson").jJsonViewer(jjson);This plugin includes JSON beautifier, you can expand and collapse JSON objects.
Here is how it will look.
