//这个是关键，如果不清空实例，jstree不会重新生成

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

                $('#jstree1').jstree({

                    'core': {

                        'data': {

                            'url': '/API/ajax_nodes.ashx',  //异步加载jstree html格式的数据地址

                            'data': function (node) {

                                return { 'id': node.id };

                            }

                        }

                    }

                }).bind('select_node.jstree', function (event, data) {  //绑定的点击事件

                    menuid = data.node.data.menuid + ""; // 获取我自己定义的属性menuid，可以根据自己实际情况定义

                });

                //隐藏图标，因为觉得太难看了，我没有使用jstree 样式的插件 “plugs” ，因为异步刷新数据之后就没有效果了，果断放弃

                $('#jstree1').jstree().hide_icons();
　　　　　　　　　 //还可以根据需要绑定点击事件

                //.bind('click.jstree', function (event, data) {

                //    alert($(event.target).parents('li').attr('data-menuid'));

                //});          

后台获取到的代码格式如下
  <ul>

        <li data-menuid='3e544d7a-d850-4785-9648-feafc4698a3b'>系统管理<ul>

            <li data-menuid='545d2450-4dac-4377-afbe-d9aa451f795f' data-jstree='{"type":"html"}'>角色管理

                <ul>

                    <li data-menuid='810a72f0-55d3-468f-8653-10d1b06a4234' data-jstree='{"type":"html"}'>角色 -  分配权限页

                    <ul></ul>

                    </li>

                    <li data-menuid='02b48102-4e8a-44fb-84a0-7a8c8535676a' data-jstree='{"type":"html"}'>角色 -  详细信息页

                    <ul></ul>

                    </li>

                </ul>

            </li>

            <li data-menuid='e620450b-6d17-4192-bee0-66fbd114e82a' data-jstree='{"type":"html"}'>部门管理123211

                <ul></ul>

            </li>

        </ul>

        </li>

    </ul>