jJsonViewer
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.