Ext中TreeLoader加载json数据文件问题

来源：互联网发布：vb索引超出了数组界限编辑：程序博客网时间：2024/05/21 05:44

html文件内容如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>05.tree</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="localXHR.js"></script>
<script type="text/javascript">
Ext.onReady(function(){

var tree = new Ext.tree.TreePanel({
el: 'tree',
loader: new Ext.tree.TreeLoader({dataUrl: 'data1.txt'})
});

var root = new Ext.tree.AsyncTreeNode({text:'我是根'});

tree.setRootNode(root);
tree.render();

root.expand();
});
</script>
</head>
<body>
<script type="text/javascript" src="../shared/examples.js"></script>
<div id="tree" style="height:300px;"></div>
</body>
</html>

数据文件内容如下：（文件名为：data1.txt）

[
{text:'computer',children:[
{text:'java',leaf:true},
{text:'c++',children:[
{text:'thinking',leaf:true},
{text:'yyyyy',leaf:true}
]},
{text:'asp',leaf:true}
]},
{text:'jsp',children:[
{text:'dadf',leaf:true},
{text:'ddddddd',leaf:true}
]}
]

数据文件与html文件置于同一目录下

但是使用360极速浏览器打开，发现没有加载data1.txt中的数据，纠结了半天，发现问题是文件名后缀的问题，

现将data1.txt的后缀改为asp，html文件同步更改为data1.asp。

此时浏览器正确显示。