How can I refresh the contents of a jsTree?

Question

I have loaded a jsTree with an AJAX call that returns JSON data. How can I refresh the tree so that it reloads its contents?

Answer 1

var tree = jQuery.jstree._reference("#files");
tree.refresh();

or

var tree = jQuery.jstree._reference("#files");
var currentNode = tree._get_node(null, false);
var parentNode = tree._get_parent(currentNode);
tree.refresh(parentNode);

Answer 2

for jstree3 . I use destroy() function and again create tree running jstree() function

Answer 3

$('#treeId').data('jstree', false).empty().jstree(json);

Answer 4

Turns out is is as simple as calling:

   tree.jstree("refresh");

Answer 5

At version 3 you can reload the tree :

$('#treeId').jstree(true).settings.core.data = newData;
$('#treeId').jstree(true).refresh();