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();
});