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。
此时浏览器正确显示。