dojo之IO和BrowserIO

模块：dojo.io.IO dojo.io.bind 处理请求取回需要的数据并处理这个函数是AJAX中最为重要和有用的函数，dojo.io.bind这个类是用来处理客户端与服务器间通讯的，需要通讯的参数由对象dojo.io.Request所定义，具体通讯的方法则由另外一个对象Transport所提供。因此，我们如果需要与服务器通讯，则应该定义一个Request对象，其中包括服务器地址及回调函数，例子中Requset都是以匿名对象方式定义的虽然我们可以定义一个自己的，但是显然不如直接利用现成的方便。 Dojo里提供了一个同时兼容IE和Firefox的dojo.io.XMLHTTPTransport，但是这个对象位于dojo.io.BrowserIO，因此，一般requiredojo.io.IO时，还应该requiredojo.io.BrowserIO UsageExample: dojo.io.bind({ url:"http://localhost/test.html",//要请求的页面地址 mimetype:"text/html",//请求的页面的类型，应该设置为与你请求页面类型对应的mimetype，默认为"text/plain" method："GET",170); LINE-HEIGHT: 165%; FONT-FAMILY: 宋体">默认为"GET" sync:false,170); LINE-HEIGHT: 165%; FONT-FAMILY: 宋体">默认为异步执行 useCache:false,170); LINE-HEIGHT: 165%; FONT-FAMILY: 宋体">默认为不使用页面缓存，注意这里的缓存并不是浏览器的缓存，而是Dojo自身所维护的页面缓存 preventCache:false,170); LINE-HEIGHT: 165%; FONT-FAMILY: 宋体">默认为启用浏览器缓存，否则将通过自动增加不同的参数来确保浏览器缓存失效 timeoutSeconds:3000,//3秒后超时，如果为0则永不超时 load:function(type,data,evt){alert(data);},//typeshouldbe"load",dataisthatwewanted error:function(type,error){alert(error.message);},//errorisdojo.io.Error timeout:function(type){alert("请求超时！");} }); 你也可以用一个handle来处理所有的事件 dojo.io.bind({ url:"请求的页面的类型，应该设置为与你请求页面类型对应的mimetype timeoutSeconds:3000,170); LINE-HEIGHT: 165%; FONT-FAMILY: 宋体">则永不超时 handle:function(type,evt){ if(type=="load"){alert(data);}//dataisthatwewanted elseif(type=="error"){alert(data.message);}//dataistheerrorobject else{;}//othereventsmaybeneedhandled } }); 如果没有在中指定所用的transport，则会自动的在已注册的transports中寻找能够处理这个，如果不能找到，则返回指定的。下面是一个指定了的例子: dojo.io.bind({ url:" transport:"XMLHTTPTransport",load:function(type,//errorisdojo.io.Error timeout:function(type){alert("请求超时！你还可以利用bind来得到一个Javas cript所定义的对象（注意必须要定义为"text/javas cript"） testObj=dojo.io.bind({ url:"http://localhost/test.js",//test.js里定义了一个对象 mimetype:"text/javas cript",170); LINE-HEIGHT: 165%; FONT-FAMILY: 宋体">则永不超时 handle:function(type,evt){ if(type=="load"){alert(data);}//dataisaobjectorvalue elseif(type=="error"){alert(data.message);}//dataistheerrorobject else{;}//othereventsmaybeneedhandled } }); 下面是一个Post的例子: dojo.io.bind({ url:"http://localhost/test.aspx",170); FONT-FAMILY: 宋体">要提交的页面地址 mimetype:"text/html",170); FONT-FAMILY: 宋体">请求的页面的类型，应该设置为与你请求页面类型对应的mimetype timeoutSeconds:3000,170); FONT-FAMILY: 宋体">秒后超时，如果为0则永不超时 method:"POST",formNode:dojo.byId("myForm"),170); FONT-FAMILY: 宋体">指定提交的Form名称请求超时！");} }); 另一个(withoutFormtopost): dojo.io.bind({ url:"要提交的数据 load:function(type,170); FONT-FAMILY: Verdana">");} }); dojo.io.queueBind 有时，我们需要一次发出多个网页请求，则应该使用dojo.io.queueBind，因为浏览器可能只允许同时发出有限个数的请求，如果是使用dojo.io.bind的话，则有可能会申请不到新的XMLHttp对象而导致出错。用法与是一样的。 dojo.io.argsFromMap 用来把对象转换为URL的参数形式 UsageExample: dojo.io.argsFromMap({a:1,b:2,c:3});//willreturn"c=3&b=2&a=1" dojo.io.argsFromMap({name:"名称",value:"值"},"utf");//willreturn"value=å€¼&name=å��ç§°",有中文的话应该指定utf格式，否则dojo.string.encodeAscii返回的编码是很怪异的 dojo.io.argsFromMap({a:1,c:3},"utf","c");//willreturn"b=2&a=1&c=3"，最后一个参数可以控制指定名称的值出现在最后 dojo.io.setIFrameSrc 设置IFrame的Src UsageExample: dojo.io.setIFrameSrc(dojo.byId("myFrame"),"http://localhost/test.htm");//myFrame打开指定的网页 dojo.io.setIFrameSrc(dojo.byId("myFrame"),220)">http://localhost/test.htm",true);//myFrame打开指定的网页，并覆盖浏览器的历史记录模块：dojo.io.BrowserIO 基本上就提供了dojo.io.XMLHTTPTransport这个对象 XMLHTTPTransport一般能够满足我们的需求，但是其有几个限制：它不能传输文件，不能够成功执行跨域名的远程请求，并且不支持file://这样的协议因此，根据应用要求，我们可能会需要选用其它的transport:dojo.io.IframeTransport,dojo.io.repubsubTranport,dojo.io.s criptSrcTransport,ShortBusTransport dojo.io.IframeTransport，用法与xmlhttp是一样的，其优点就是可以跨域，不存在任何的安全问题如果Request指定的mimetype是text或javas cript，返回的内容应该是放在第一个textarea里的内容，如果指定的html，则里的则是需要的内容。因为浏览器兼容的原因，IframeTransport不能正确处理返回类型为XML的请求。关于Rpc，这个类似于Remoting的东西，也将在以后对其进行介绍。

load:function(type,//errorisdojo.io.Error timeout:function(type){alert("

相关推荐