jstree 3.0.2 动态树总是从缓存中加载数据，而不是重新调用服务器

Question

我有一个 jstree。在加载页面时，jstree 会从服务器很好地填充，因为它对服务器进行了新的调用，但是之后每当我刷新页面时，它总是会从缓存中获取数据而不是调用服务器，因此总是会获取旧的要填充的数据。我正在使用 jstree 3.0.2 版本。以下是在页面加载时生成 jstree 的代码。

$('#tree').jstree({
'core': {
data:{
'url':'getjstree'   // this is the url which will get the json data from the server
}
}});

我们如何解决这个问题以在每次调用时获取新数据，我之前想到的一个解决方案是通过调用来硬刷新的 javascript 代码

location.reload(true);

但这确实刷新了 json 数据，但进入了递归调用，从而挂起了页面。 请帮助我们如何解决这个问题。

Answer 1

JSTree 插件使用键“jstree”将树状态保存在浏览器的 localStorage 中。因此，在调用 jstree 之前，您应该从 localStorage 中删除该密钥，如下所示：

//Removes jstree cached state from localStorage
localStorage.removeItem('jstree');

$('#tree').jstree({
    'core': {
        data:{
            'url':'getjstree'
        }
    }
});

Answer 2

用这个解决了问题

$('#tree').jstree({
'core': {
data:{
'cache':false,
'url':'getjstree'   // this is the url which will get the json data from the server
}
}});

Answer 3

我只是在网址末尾添加了一个随机参数...就像这样

'url' : function(node){
    return "/myrequestpath?randParam="+getRandParam();
}
                                                }

我将 getRandParam 定义为返回 1 到 1000 之间的随机数...如果我使用时间戳，它可能会运行得更好并且更健壮，但这对我有用。请注意，我使用了 url 的函数版本，但它是相同的想法（函数每次都有效，但 url 可能只有在我不确定时才设置）。

Answer 4

清除本地存储在 2021 年仍然有效