JSTree通过ajax加载数据时树形结构不显示的解决办法

版本：jstree 3.3.5
页面引入资源：

<link rel="stylesheet" href="/plugins/jstree/themes/default/style.min.css" />

<script src="/plugins/jstree/jstree.min.js"></script>

出现的现象是：静态数据加载能够正常显示，Ajax加载数据时不显示，只能够看到一闪而过的Loading。
代码如下：
$('#unittree').jstree({
    'core' : {
        //写法一（正常显示）:'data' : [{"id":"-1","text":"部门结构","children":[{"id":"1","text":"技术部","state":"closed"},{"id":"11","text":"测试部门"},{"id":"22","text":"测试部门"},{"id":"23","text":"测试部门"},{"id":"56","text":"测试部门"}]}]
        //写法二（正常显示）:'data': {
             'url': '/sys/unit/treejson.xhtml?root=true&deptid=${deptid}',
             "datatype": "json"
         }
    },
    "plugins": ["themes", "json_data", "ui"]
});
经跟踪，ajax获取到的数据内容与静态数据内容是一模一样的。
解决办法：服务端返回数据时设置content-type为application/x-json,必须设置content-type而且只能设置为这个值，如果不设置或者设置成text/html都不行。