javascript - JSTree 搜索与 Ajax 调用/延迟加载

Question

我在我的应用程序中使用 JSTree。

我无法通过 ajax 调用实现搜索功能。

这里我把我尝试过的内容放在这里。

$(document).ready(function () {
    $("#jstree_demo_div").jstree({
        "core": {
            "data": {
                "url": "Tree/Index",
                "data": function (node) {
                    return { "id": node.id };
                }
            }
        },
        "search": {
            "url": "Tree/Index",
            "data": function (node) {
                return { "id": node };
            }
        },
        "plugins": ["search"],
    });

    $('#searchTree').on('click', function (event) {
        $("#jstree_demo_div").jstree('search', '1');
    });
});

每当我按下按钮时，就会发生事件，之后就不会向服务器发出调用。

我想要的是在搜索上进行 ajax 调用并根据搜索完全重新创建 TreeView 。

我无法理解我该怎么做？

我已经检查了以下链接。

JSTree API Documentation

jsTree search with Ajax/JSON not calling URL

在上面的 stackoverflow 问题中，我无法理解什么是“json_data”以及为什么以及如何使用它？

https://www.jstree.com 中没有一个示例使用名为“json_data”的变量。

请帮助我通过示例了解 JSTree Ajax 调用/延迟加载如何与搜索功能配合使用。

这对我来说真的很有帮助。预先感谢您。

Answer 1

search.ajax.data 配置选项不能是一个函数 - 它应该是一个对象(就像普通的 jQuery AJAX 配置)，jstree 只会添加一个 str 该对象的属性。至于 GET 或 POST - 使用您想要的任何一个 - 您需要指定的 search.ajax 是一个有效的 jQuery AJAX 配置。