ajax请求数据 ztree_jquery实现的树形插件ztree使用遇到的问题

ztree是基于jquery实现的树形插件(此处介绍省略。。。)

遇到一个需求，就是把ftp上的文件目录在前台显示成一个tree,但是tree只显示文件夹，和文件夹平级的图片加载在显示图片的div里面。由于要做成异步加载，我的第一反应就是用ztree做。

在网上查看资料就使用了代码;var zTreeObj;

// zTree 的参数配置，深入使用请参考 API 文档(setting 配置详解)

var setting = {

check: {

enable: false,

//nocheckInherit: false

//chkStyle: 'checkbox',

//chkboxType: { "Y": "ps", "N": "ps" }

},

view : {

selectedMulti: false,

showIcon: true, //设置是否显示节点图标

showLine: true, //设置是否显示节点与节点之间的连线

// fontCss: setFontCss

},

async: {

enable: true, // 设置 zTree是否开启异步加载模式 加载全部信息

url: "获取节点子节点的url", // Ajax 获取数据的 URL 地址

autoParam: ["id"],//异步加载时自动提交父节点属性的参数,假设父节点 node = {id:1, name:"test"}，异步加载时，提交参数 zId=1

//dataFilter: filter

},

data: { // 必须使用data

simpleData: {

enable: true,

idKey: "id", // id编号命名 默认

pIdKey: "pId", // 父id编号命名 默认

rootPId: 0 // 用于修正根节点父节点数据，即 pIdKey 指定的属性值

}

}

};

然后在页面初始化加载$(document).ready(function(){

//显示区域树

$.ajax({

type: "POST",

url: "获取节点的路径",

data: {},

dataType:"json",

success: function(data){

zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, data.data);

},

});

});

问题来了，我后台封装的是一个对象{message:"success",data:[{}{}{}{}{}]}形如这个格式。我用的异步加载。但是怎么接受返回的数据呢。在前台debug下，我看到了每次点击根节点，后天返回的数据。现在就是要处理数据。这个时候async中的dataFilter出现在我的眼里。我看了帮助文档，写了一个function filter(treeId, parentNode, responseData),用这个来接受我的后台返回的数据。现在是处理了，但是问题来了。异步加载完成后的数据，收起tree再展开tree的时候就不会发送请求了。那我怎么再从新加载图片呢，调试了很久，发现了ztree的回调参数配置callback。

经过了漫长的测试，我在onExpend里面又写了一个发送ajax的请求，再去动态添加一遍树，但是都会发送两次请求。我最后把原来的async的配置注释掉，才实现了这个需求。没办法需求不能改，只能这样摸着石头过河了。