C#下载网络文件的方法
2012-02-18 09:46
387 查看
第一,让我们了解一样EXTJS数据存储框架是什么样子的。
大家对于Ext.data.Store不陌生吧,现在网上大大小小免费的、或是收费的教程,大多会经常出个这个Store.这个就是EXTJS的数据存储器。他负责管理与存储数据。
Ext.data.Record,大家也不应该陌生,他是一个存储数据的记录,类似于表中的“行记录”,Store里面的基本数据单元对象就是Record。
那Store是如何对于Record进行管理呢?首先,我们得解决第一个问题,如果实例化一个Record对象?
官方的推荐初始化方式有两种:
1、var _rs = new Ext.data.Record(["name" , "sex"]) ;//定义两个字段名,分别是name、sex
_rs.set("name" , "陈治文");//设置name为"陈治文"
_rs.set("sex" , "男");//设置sex为"男"
注:这种写法,一目了然,但是,太过冗长。
2、var _rs = new Ext.data.Record({
name:"陈治文",
sex:"男"
}) ;
注:这种写法,是我推荐的写法,很简结。
好第一个问题解决了,那么我们如何初始化一个Store呢?很简单,一句话
var _store = new Ext.data.Store() ;
我们继续,将上面的Record添加进Store
var _store = new Ext.data.Store() ;
_store.add(new Ext.data.Record({
name:"陈治文",
sex:"男"
})) ;
好!OK了,一条记录已经添加进Store
这写法方便、实用,但是需要添加一组数据怎么办呢?这就需要引入另外一个概念Ext.data.Reader,这里的Reader功能非常单一,只是用来解析数据的。大家在文章开始时,就应该体会到,EXTJS支持不同的数据格式,也就需要不同的数据解析器。而这个Reader就是承担解析器的作用。
那我们就看一看,不同的解析器,能够解析哪些数据格式。在解析之前,还有一点需要说明一下,Store里面组织Record是通过集合形式组织的,体现为JavaScript的Array(注:Javascript没有集合类,所有的集合形式是都是数组实现的),而解析器的作用是把一组数据解析成一个个的Record。
1、数组形式数据解析(特殊的JSON形式数据,因此,ArrayReader是JsonReader的子类)
var _store = new Ext.data.Store({
data:[["陈治文" , "男"] , ["张妍娜" , "女"]],
reader:new Ext.data.ArrayReader({
},Ext.data.Record.create(["name" , "sex"]))
}) ;
解析器为ArrayReader,分别解析["陈治文" , "男"] 和["张妍娜" , "女"],将其转换成Ext.data.Record。
2、JSON形式数据
var _store = new Ext.data.Store({
data:[{name:"陈治文" , sex:"男"} , {name:"张妍娜" , sex:"女"}],
reader:new Ext.data.JsonReader({
} , Ext.data.Record.create(["name" , "sex"]))
}) ;
alert(_store.getCount()) ;
JsonReader分别解析{name:"陈治文" , sex:"男"}和{name:"张妍娜" , sex:"女"},将这些数据解析成Ext.data.Record类型数据
3、XML形式数据
这里的有个地方比较麻烦,首先,我们必须得构建一个XMLDocument,这样才能形成XML数据,我们这里所讲的是ASPServer的XML组织形式
var _xml = new XML("<table><row><name>陈治文</name><sex>男</sex></row><row><name>张妍娜</name><sex>女</sex></row></table>") ;
这样,就是构建一个XML对象,通过_xml.getValue()得到xmldocument原型
再者,我们还有需要引入一个新型概念——数据代理Ext.data.DataProxy,数据代理的作用就是通过一定的方式来获得数据,目前EXTJS提供三种方式获得数据:内存传入、HTTP传入、跨域传入。我这里所讲是内存传入Ext.data.MemoryProxy
var _store = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(_xml.getValue()) ,
reader:new Ext.data.XmlReader({
record:"row"
},Ext.data.Record.create(["name" , "sex"]))
}) ;
_store.on("load" , function(_store){
alert(_store.getAt(0).getCount()) ;
}) ;
_store.load() ;
由于当时,使用了数据代理,需要一个显式调用载入方法,因此,我们通过一个load事件,来获得载入后Store内部所包含Record的总量
刚才所讲,已经将EXTJS能够解析的数据形成都讲一遍,但是,在我们大多数的应用中,我们的数据是来自服务器端,而不是客户端本身。其实在上面讲解XML数据解析时,我已经讲到,这样的要求,需要通过数据代理来实现。
1、通过Ext.data.HttpProxy来实现XML的远程访问
来自http://localhost/document/server/app/console.asp的数据返回
<?xml version="1.0" encoding="GB2312"?>
<table>
<row>
<name><![CDATA[陈治文]]></name>
<sex><![CDATA[男]]></sex>
</row>
<row>
<name><![CDATA[张妍娜]]></name>
<sex><![CDATA[女]]></sex>
</row>
</table>
客户端程序
var _store = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({
url:"http://localhost/document/server/app/console.asp"
}),
reader:new Ext.data.XmlReader({
record:"row"
} , Ext.data.Record.create(["name" , "sex"]))
}) ;
_store.on("load" , function(_store){
alert(_store.getAt(0).get("name")) ;
}) ;
_store.load() ;
2、通过Ext.data.HttpProxy来实现JSON的远程访问
JSON的结构,基本上与XML差不多,XML讲究节点集,而JSON研究数组集
来自http://localhost/document/server/app/console.asp的数据返回
[{name:"陈治文" , sex:"男"},{name:"张妍娜" , sex:"女"}]
客户端程序
var _store = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({
url:"http://localhost/document/server/app/console.asp"
}),
reader:new Ext.data.JsonReader({
} , Ext.data.Record.create(["name" , "sex"]))
}) ;
_store.on("load" , function(_store){
alert(_store.getCount()) ;
}) ;
_store.load() ;
好,这样也就可以了,与XML的解析十分相似
3、跨域数据代理数据传入
这块内容很特殊,即当前客户端所访问的服务器端,并不是与当前客户端所处一域的服务器端,如果你使用HttpProxy,会出现“没有权限”的错误信息,这也是“同源策略”的AJAX安全策略,为了得到跨域数据访问,EXTJS提供了Ext.data.ScriptTagProxy来解决这个问题,其它的,与其它数据代理没有什么两样。
介绍到这里,大家已经到EXTJS数据存储有了一个全新的认识了吧,当然,这个介绍仍然很简单,我将在教程10、11,以及以后的关于FormPanel与GridPanel反复提及这些概念,使得大家充分利用EXTJS数据存储的优越特性。
大家对于Ext.data.Store不陌生吧,现在网上大大小小免费的、或是收费的教程,大多会经常出个这个Store.这个就是EXTJS的数据存储器。他负责管理与存储数据。
Ext.data.Record,大家也不应该陌生,他是一个存储数据的记录,类似于表中的“行记录”,Store里面的基本数据单元对象就是Record。
那Store是如何对于Record进行管理呢?首先,我们得解决第一个问题,如果实例化一个Record对象?
官方的推荐初始化方式有两种:
1、var _rs = new Ext.data.Record(["name" , "sex"]) ;//定义两个字段名,分别是name、sex
_rs.set("name" , "陈治文");//设置name为"陈治文"
_rs.set("sex" , "男");//设置sex为"男"
注:这种写法,一目了然,但是,太过冗长。
2、var _rs = new Ext.data.Record({
name:"陈治文",
sex:"男"
}) ;
注:这种写法,是我推荐的写法,很简结。
好第一个问题解决了,那么我们如何初始化一个Store呢?很简单,一句话
var _store = new Ext.data.Store() ;
我们继续,将上面的Record添加进Store
var _store = new Ext.data.Store() ;
_store.add(new Ext.data.Record({
name:"陈治文",
sex:"男"
})) ;
好!OK了,一条记录已经添加进Store
这写法方便、实用,但是需要添加一组数据怎么办呢?这就需要引入另外一个概念Ext.data.Reader,这里的Reader功能非常单一,只是用来解析数据的。大家在文章开始时,就应该体会到,EXTJS支持不同的数据格式,也就需要不同的数据解析器。而这个Reader就是承担解析器的作用。
那我们就看一看,不同的解析器,能够解析哪些数据格式。在解析之前,还有一点需要说明一下,Store里面组织Record是通过集合形式组织的,体现为JavaScript的Array(注:Javascript没有集合类,所有的集合形式是都是数组实现的),而解析器的作用是把一组数据解析成一个个的Record。
1、数组形式数据解析(特殊的JSON形式数据,因此,ArrayReader是JsonReader的子类)
var _store = new Ext.data.Store({
data:[["陈治文" , "男"] , ["张妍娜" , "女"]],
reader:new Ext.data.ArrayReader({
},Ext.data.Record.create(["name" , "sex"]))
}) ;
解析器为ArrayReader,分别解析["陈治文" , "男"] 和["张妍娜" , "女"],将其转换成Ext.data.Record。
2、JSON形式数据
var _store = new Ext.data.Store({
data:[{name:"陈治文" , sex:"男"} , {name:"张妍娜" , sex:"女"}],
reader:new Ext.data.JsonReader({
} , Ext.data.Record.create(["name" , "sex"]))
}) ;
alert(_store.getCount()) ;
JsonReader分别解析{name:"陈治文" , sex:"男"}和{name:"张妍娜" , sex:"女"},将这些数据解析成Ext.data.Record类型数据
3、XML形式数据
这里的有个地方比较麻烦,首先,我们必须得构建一个XMLDocument,这样才能形成XML数据,我们这里所讲的是ASPServer的XML组织形式
var _xml = new XML("<table><row><name>陈治文</name><sex>男</sex></row><row><name>张妍娜</name><sex>女</sex></row></table>") ;
这样,就是构建一个XML对象,通过_xml.getValue()得到xmldocument原型
再者,我们还有需要引入一个新型概念——数据代理Ext.data.DataProxy,数据代理的作用就是通过一定的方式来获得数据,目前EXTJS提供三种方式获得数据:内存传入、HTTP传入、跨域传入。我这里所讲是内存传入Ext.data.MemoryProxy
var _store = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(_xml.getValue()) ,
reader:new Ext.data.XmlReader({
record:"row"
},Ext.data.Record.create(["name" , "sex"]))
}) ;
_store.on("load" , function(_store){
alert(_store.getAt(0).getCount()) ;
}) ;
_store.load() ;
由于当时,使用了数据代理,需要一个显式调用载入方法,因此,我们通过一个load事件,来获得载入后Store内部所包含Record的总量
刚才所讲,已经将EXTJS能够解析的数据形成都讲一遍,但是,在我们大多数的应用中,我们的数据是来自服务器端,而不是客户端本身。其实在上面讲解XML数据解析时,我已经讲到,这样的要求,需要通过数据代理来实现。
1、通过Ext.data.HttpProxy来实现XML的远程访问
来自http://localhost/document/server/app/console.asp的数据返回
<?xml version="1.0" encoding="GB2312"?>
<table>
<row>
<name><![CDATA[陈治文]]></name>
<sex><![CDATA[男]]></sex>
</row>
<row>
<name><![CDATA[张妍娜]]></name>
<sex><![CDATA[女]]></sex>
</row>
</table>
客户端程序
var _store = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({
url:"http://localhost/document/server/app/console.asp"
}),
reader:new Ext.data.XmlReader({
record:"row"
} , Ext.data.Record.create(["name" , "sex"]))
}) ;
_store.on("load" , function(_store){
alert(_store.getAt(0).get("name")) ;
}) ;
_store.load() ;
2、通过Ext.data.HttpProxy来实现JSON的远程访问
JSON的结构,基本上与XML差不多,XML讲究节点集,而JSON研究数组集
来自http://localhost/document/server/app/console.asp的数据返回
[{name:"陈治文" , sex:"男"},{name:"张妍娜" , sex:"女"}]
客户端程序
var _store = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({
url:"http://localhost/document/server/app/console.asp"
}),
reader:new Ext.data.JsonReader({
} , Ext.data.Record.create(["name" , "sex"]))
}) ;
_store.on("load" , function(_store){
alert(_store.getCount()) ;
}) ;
_store.load() ;
好,这样也就可以了,与XML的解析十分相似
3、跨域数据代理数据传入
这块内容很特殊,即当前客户端所访问的服务器端,并不是与当前客户端所处一域的服务器端,如果你使用HttpProxy,会出现“没有权限”的错误信息,这也是“同源策略”的AJAX安全策略,为了得到跨域数据访问,EXTJS提供了Ext.data.ScriptTagProxy来解决这个问题,其它的,与其它数据代理没有什么两样。
介绍到这里,大家已经到EXTJS数据存储有了一个全新的认识了吧,当然,这个介绍仍然很简单,我将在教程10、11,以及以后的关于FormPanel与GridPanel反复提及这些概念,使得大家充分利用EXTJS数据存储的优越特性。
相关文章推荐
- 网络编程(一):用C#下载网络文件的2种方法
- 网络编程(一):用C#下载网络文件的2种方法
- C#限速下载网络文件的方法实例
- C#ASP.NET中四种文件下载方法
- C#四种下载文件方法
- C# 下载文件的四种方法
- C#实现HTTP下载文件的方法
- C# 文件下载四方法
- C#文件下载方法 汇总
- C# 文件下载四方法
- C# 文件下载四方法
- 从网络上下载文件的两种方法
- C#实现文件下载的几种方法
- php实现远程网络文件下载到服务器指定目录(方法一)
- C#文件下载四种方法
- C# 文件下载四方法
- 抓取用户取消http文件下载的C#方法
- C# 的泛型以及网络下载Xml文件和读取Xml文件
- C#ASP.NET中四种文件下载方法
- C#的几种下载文件方法