jquery.json-viewer-callback

JVC v2

github

jQuery JSON Viewer With Callback Support (JVC)

Screenshot

Demo page:

demo.html

Examples:

Add to <head>: ```html

- Add to \<body\>:
```html
<div id=jvc></div>

Simple Object:

let json = {
  "null": null,
  "true": true,
  "false": false,
  "undefined": undefined,
  "text": "\"text&nbsp;'text'\t`text`<br>\ntext\"",
  "url": "http://example.com/",
  "array": [0, 0.1, 2, [], {}],
  "callback": {
      "§Callback": "https://cdn.jsdelivr.net/gh/herrstrietzel/fonthelpers@main/json/gfontsAPI.json"
  }
}

JVC Calback Event:

let jvcCb = function(ev){
  // Get JVC and Data:
  let jvc = ev.JVC, data = ev.data;
  // Ajax request:
  $.ajax({url:data, dataType:"json"})
  .done(v=>jvc(v))
  .fail((xhr, status, err)=>{
      jvc(Error("jvc-"+status+' '+(err? err :xhr.status)));
  });
};

JVC Configuration: (expand, showMenu, showQuotes, showCommas, showJSON, showConsole, logger, change, callback, keyPrefix, keyLoop, keyCallback, keysArrGroup, keysNonEnum, keysSymbols, keysProto)
```
let conf = {showJSON: true, showConsole: true, callback: jvcCb};
```
JVC Show Viewer:
```
$('#jvc').JVC(json, conf);
```

More examples:

demo.html

Requirements:

JS ES2015/ES6:

Chrome	>=51	May 2016
Firefox	>=52	Mar 2017
Edge	>=79	Jan 2020
Safari	>=10	Sep 2016
Opera	>=38	Jun 2016

About

Author: andronick83.mail@gmail.com :shipit:
License: MIT License :+1:

This site is open source. Improve this page.