概述：

一般情況下都是通過ajax進行請求獲取資料。boostrap+ajax

1、程式碼

//許可權分配
		$('#authority').click(function() {
			 $("#jstree").jstree({
		            "core" : {
		                "themes" : {
		                    "responsive": false
		                }, 
		                // so that create works
		                "check_callback" : true,
		                'data' : function (obj, callback) {
		                    var jsonstr="[]";
		                    var jsonarray = eval('('+jsonstr+')');
		                    $.ajax({
		                        type: "GET",
		                        url:"/demo/authority/getAuthoritys",
		                        dataType:"json",
		                        async: false,
		                        success:function(result) {
		                            var arrays= result;
		                            for(var i=0 ; i<arrays.length; i++){
		                            	console.log(arrays[i])
		                                var arr = {
		                                        "id":arrays[i].id,
		                                        "parent":arrays[i].parentId=="root"?"#":arrays[i].parentId,
		                                        "text":arrays[i].name
		                                }
		                                jsonarray.push(arr);
		                            }
		                        }

		                    });
		                    callback.call(this, jsonarray);
		                }
		            },
		            "types" : {
		                "default" : {
		                	"icon" : "glyphicon glyphicon-flash"
		                },
		                "file" : {
		                	 "icon" : "glyphicon glyphicon-ok"  
		                }
		            },
		            "state" : { "key" : "demo2" },
		            "plugins" : [ "dnd", "state", "types","checkbox","wholerow" ]
		        });
				$('#setAuthority').modal();
		});
 

總結：

1. "responsive": false ：表示主題是否適應手機類小尺寸螢幕，預設為false
2. "check_callback" : true：表示形成樹是否可以重新組織，也是改變順序，層次關係
3. callback.call(this, jsonarray)：將陣列放入樹形
4. types:{}設定型別，圖示
5.  "state" : { "key" : "demo2" }：將選中的狀態儲存瀏覽器中
6. "plugins" : [ "dnd", "state", "types","checkbox","wholerow" ] 表示外掛相關，詳情參考點選開啟連結
7. url路徑換成你後臺地址，返回時json陣列

2、html標籤

<!-- 許可權分配模框-->
	<div class="modal fade" id="setAuthority">
		<div class="modal-dialog">
			<div class="modal-content message_align">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title">許可權分配</h4>
				</div>
				<div class="modal-body">
					<div id= "jstree">
					
					</div>
				</div>
				<div class="modal-footer">
					<input type="hidden" id="url" />
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<a onclick="authorityConfirm()"   class="btn btn-success"
						data-dismiss="modal">確定</a>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>