Question

我在jstree中发出ajax请求，我看到成功方法返回数据并返回此数据..但树仍然是空的。 IMG：

Jstree：

$('#tree_2').jstree({
            'plugins': ["checkbox" ,"ui"],
            'core' : {
                'data' : {
                    "url" : "../../Controller/ActiveDirectoryController.php5?"+datas,
                    "data" : function (node) {
                        debugger
                        return { "id" : node.id };
                    },
                    "success": function(result_){
                        result = JSON.parse(result_);
                        debugger
                        return [result.Objects];
                    }
                }
            }
        });

PHP：

 if(in_array("user",$aDobjects[$i]["objectclass"]))
                    {
                        $result[] = array("id"=>$i+1,"text"=>$aDobjects[$i]["name"][0],"children"=>false,"parent"=>"-2", "distinguishedName"=>$aDobjects[$i]["distinguishedname"][0]);
                    }
                    else
                    {
                        $result[] = array("id"=>$i+1,"text"=>$aDobjects[$i]["name"][0],"children"=>true,"parent"=>"-2", "distinguishedName"=>$aDobjects[$i]["distinguishedname"][0]);
                    }
                }

Answer 1

我使用jstree事件，在其中绑定post函数也检查数据（停止相同的节点发布）和刷新树响应，这里我是如何解决我的问题：

Treeset

此服务器函数从服务器返回响应数据：

var slctedText ="";
$('#tree_2').jstree({
    'plugins': ["types","json_data" ,"ui"],
    'core': {
        "themes" : {
            "responsive": false,
            "icons":false
        },
        'data': [{}]
    },
    "types" : {
        "default" : {
            "icon" : "fa fa-folder icon-state-warning icon-lg"
        },
        "file" : {
            "icon" : "fa fa-file icon-state-warning icon-lg"
        }
    }
}).bind('before_open.jstree', function (e, data) {
    e.stopPropagation()
    setUpButtons();
    if( data.node.text.indexOf("DC=")>-1)//!passOpen ||
        return;
    if(data.node.text == slctedText)
        return;
    debugger
    keyValuePair = []
    slctedText = data.node.text;
    var objParam = data.node.original.subtext;//prepareParam(slctedText, data.node.parents);
    var params = {
        action: "getSubAdObjects",
        objectParam: objParam,
        serverIP: serverip,
        port: port,
        domain: domain,
        username: username,
        password: password
    }
    $.ajax({
        url: "../../Controller/ActiveDirectoryController.php5",
        type: "POST",
        async:false,
        dataType: "json",
        data: params,
        success: function (result) {
            passOpen = false;
            if(result.Objects.length>0)
            {
                treeData_ = prepareObjectsforTree(result.Objects);
                resfreshJSTree(treeData_);
                debugger
            }
            $("#mdlObjects").modal("show");
            $("#divfailed").hide();
            event.theme ='lime';
            event.heading ='<i class=\'fa fa-check\'></i> Process Completed';
            event.message ='Active Directory objects retrieved successfully.';
            ntf(event);

        },
        error: function (a, b, c) {

        }
    })
})

Answer 2

您在success内执行的代码不会影响jstree收到的数据。所以基本上jstree获取服务器返回的数据，而不是您在success回调中修改的对象。

确保您的服务器响应采用所需的jsTree格式。如果你无法匹配格式，请查看jQuery ajax dataFilter选项。

提供合适的标题也是一个好主意：

header('Content-Type: application/json; charset=utf-8');

这样客户端就会知道您的响应实际上是JSON。

为什么不在jstree中加载来自ajax请求的返回数据

2 个答案: