Ext.data.XmlReader读取外部文件时提示拒绝访问

异常提示：

ext-base.js拒绝访问

解决方案：

ext-base.js拒绝访问的异常，往往就是在静态html页面（使用extjs做原型设计很多都是先用html做页面的，而不是jsp）中使用了类似：dataUrl:'./js/data1.txt' 等的异步获取本地资源造成的！

ExtJs中看到 dataUrl url----- 都是通过ajax异步获取服务器资源。

一旦涉及到ajax就需要配合服务器，ajax是无法从本地文件系统直接取得数据的。

解决方案：

1. 部署页面到apache或tomcat服务器上，重新测试；

2. 直接在js页面定义array数组，而不是引用本地文件，无需服务器就可以直接查看效果；

=================================================================================

示例：

a. 通过服务器读取服务器文件（通过服务器路径访问）

Ext.onReady(function(){
// 普通静态树
//创建Tree面板
var mytree=new Ext.tree.TreePanel({
el:'treeDiv', // 指定添加到的div
rootVisible:false,//是否显示根节点
loader:new Ext.tree.TreeLoader({ // 一旦涉及到ajax就需要配合服务器了，ajax是无法从本地文件系统直接取得数据的
dataUrl:'./js/data1.txt'
})
});

//创建根节点
var root = new Ext.tree.AsyncTreeNode({
text:'gen',
id:'root'
});

mytree.setRootNode(root);
//使这棵树显示在div标签中
mytree.render();
mytree.expand();
});

服务器文件data1.txt：

[{id:'1',text:'省份',leaf:false,children:[
{id:'2',text:'河南省',leaf:false,children:[
{id:'4',text:'南阳市',leaf:true},
{id:'5',text:'郑州市',leaf:true}]
},
{id:'3',text:'安徽省',leaf:false,children:[
{id:'6',text:'合肥市',leaf:true},
{id:'7',text:'蚌埠',leaf:true}]
}
]
}]

b. 读取js内自定义的数据（直接打开本地html就可以查看效果）

Ext.onReady(function(){
// 普通静态树
//创建Tree面板
var mytree=new Ext.tree.TreePanel({
el:'treeDiv', // 指定添加到的div
rootVisible:false,//是否显示根节点
loader:new Ext.tree.TreeLoader()
});

//创建根节点
var root = new Ext.tree.AsyncTreeNode({
text:'gen',
id:'root',
children:[{id:'1',text:'省份',leaf:false,children:[{id:'2',text:'河南省',leaf:false,children:[{id:'4',text:'南阳市',leaf:true},{id:'5',text:'郑州市',leaf:true}]},{id:'3',text:'安徽省',leaf:false,children:[{id:'6',text:'合肥市',leaf:true},{id:'7',text:'蚌埠',leaf:true}]}]}]
});

mytree.setRootNode(root);
//使这棵树显示在div标签中
mytree.render();
mytree.expand();
});