jsTree JSON

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<div id="jstree">
</div>

JavaScript

$(function() {
  $('#jstree').jstree({
    'core': {
      'data': [{
          "text": "A node",
          "children": ["Child 1", "A Child 2"]
        },
        "Long format demo"
      ]
    }
  });

  $('#jstree').bind('loaded.jstree', function() {
    var selectedNodeId = localStorage.getItem('selectedNodeId');
    $('#jstree').jstree(true).select_node(selectedNodeId);
  });
});


$("#jstree").bind("select_node.jstree", function(e, data) {
  localStorage.setItem('selectedNodeId', data.node.id);
});