`

dojo之IO和BrowserIO

    博客分类:
  • js
阅读更多

模块:dojo.io.IO dojo.io.bind 处理请求取回需要的数据并处理 这个函数是AJAX中最为重要和有用的函数,dojo.io.bind这个类是用来处理客户端与服务器间通讯的,需要通讯的参数由对象dojo.io.Request所定义,具体通讯的方法则由另外一个对象Transport所提供。 因此,我们如果需要与服务器通讯,则应该定义一个Request对象,其中包括服务器地址及回调函数,例子中Requset都是以匿名对象方式定义的 虽然我们可以定义一个自己的Transport,但是显然不如直接利用现成的Transport方便。 Dojo里提供了一个同时兼容IEFirefoxdojo.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",//默认为"GET" sync:false,//默认为异步执行 useCache:false,//默认为不使用页面缓存,注意这里的缓存并不是浏览器的缓存,而是Dojo自身所维护的页面缓存 preventCache:false,//默认为启用浏览器缓存,否则将通过自动增加不同的参数来确保浏览器缓存失效 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:"http://localhost/test.html",//要请求的页面地址 mimetype:"text/html",//请求的页面的类型,应该设置为与你请求页面类型对应的mimetype timeoutSeconds:3000,//3秒后超时,如果为0则永不超时 handle:function(type,data,evt){ if(type=="load"){alert(data);}//dataisthatwewanted elseif(type=="error"){alert(data.message);}//dataistheerrorobject else{;}//othereventsmaybeneedhandled } }); 如果没有在Request中指定所用的transport,则Dojo会自动的在已注册的transports中寻找能够处理这个Requesttransport,如果不能找到,则返回指定的Request。下面是一个指定了transport的例子: dojo.io.bind({ url:"http://localhost/test.html",//要请求的页面地址 mimetype:"text/html",//请求的页面的类型,应该设置为与你请求页面类型对应的mimetype timeoutSeconds:3000,//3秒后超时,如果为0则永不超时 transport:"XMLHTTPTransport", load:function(type,data,evt){alert(data);},//typeshouldbe"load",dataisthatwewanted error:function(type,error){alert(error.message);},//errorisdojo.io.Error timeout:function(type){alert("请求超时!");} }); 你还可以利用bind来得到一个Javas cript所定义的对象(注意mimetype必须要定义为"text/javas cript" testObj=dojo.io.bind({ url:"http://localhost/test.js",//test.js里定义了一个对象 mimetype:"text/javas cript",//请求的页面的类型,应该设置为与你请求页面类型对应的mimetype timeoutSeconds:3000,//3秒后超时,如果为0则永不超时

handle:function(type,data,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",//要提交的页面地址 mimetype:"text/html",//请求的页面的类型,应该设置为与你请求页面类型对应的mimetype timeoutSeconds:3000,//3秒后超时,如果为0则永不超时 method:"POST", formNode:dojo.byId("myForm"),//指定提交的Form名称 请求超时!");} }); 另一个Post的例子(withoutFormtopost): dojo.io.bind({ url:"http://localhost/test.aspx",//要提交的页面地址 mimetype:"text/html",//请求的页面的类型,应该设置为与你请求页面类型对应的mimetype timeoutSeconds:3000,//3秒后超时,如果为0则永不超时 method:"POST", content:{a:1,b:2},//要提交的数据 load:function(type,data,evt){alert(data);},//typeshouldbe"load",dataisthatwewanted error:function(type,error){alert(error.message);},//errorisdojo.io.Error timeout:function(type){alert("请求超时!");} }); dojo.io.queueBind 有时,我们需要一次发出多个网页请求,则应该使用dojo.io.queueBind,因为浏览器可能只允许同时发出有限个数的请求,如果是使用dojo.io.bind的话,则有可能会申请不到新的XMLHttp对象而导致出错。 用法与dojo.io.bind是一样的。 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,b:2,c:3},"utf","c");//willreturn"b=2&a=1&c=3",最后一个参数可以控制指定名称的值出现在最后 dojo.io.setIFrameSrc 设置IFrameSrc UsageExample: dojo.io.setIFrameSrc(dojo.byId("myFrame"),"http://localhost/test.htm");//myFrame打开指定的网页 dojo.io.setIFrameSrc(dojo.byId("myFrame"),"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指定的mimetypetextjavas cript,返回的内容应该是放在第一个textarea里的内容,如果指定的mimetypehtml,则IFrame里的html则是需要的内容。因为浏览器兼容的原因,IframeTransport不能正确处理返回类型为XML的请求。 关于Rpc,这个类似于Remoting的东西,也将在以后对其进行介绍。

load:function(type,data,evt){alert(data);},//typeshouldbe"load",dataisthatwewanted error:function(type,error){alert(error.message);},//errorisdojo.io.Error timeout:function(type){alert("

分享到:
评论

相关推荐

    DOJO 学习笔记 dojo

    dojo.io.IO & dojo.io.BrowserIO) 18 七、 Dojo学习笔记(7. dojo.dom) 22 八、 Dojo学习笔记(8. dojo.event & dojo.event.topic & dojo.event.browser) 27 九、 Dojo学习笔记(9. dojo.graphics.color & dojo.uri....

    dojo精品中文教程(包一)

    dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四)...

    dojo精品中文教程(包二)

    dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四)...

    dojo精品中文教程(全)

    dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四)...

    dojo精品中文教程(包三)

    dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四)...

    精通Dojo by Dojo之父

    鉴于此,图灵公司引进了Dojo之父亲自撰写的《Mastering Dojo》一书。 本书对Dojo进行了全面而深入地阐述,包括基本使用和高级技巧。全书以一个能让读者迅速上手的简单示例开篇,进而读者们将了解到Dojo的核心,也...

    dojo Ajax

    9. **dojo/json**: 提供了JSON序列化和反序列化的功能,如`dojo/json::parse`和`dojo/json::stringify`,帮助开发者在Ajax请求中处理JSON数据。 10. **dojo.stateful**: 对象状态管理是Ajax应用中常见需求,`dojo/...

    dojo-0.3.1-ajax

    在Dojo 0.3.1中,`dojo.io.bind`是一个更底层的AJAX接口,它可以处理更多的细节,如自定义请求头、超时和自定义HTTP方法。不过,它不如xhr系列方法常用,因为后者的API更简洁。 9. **dojo.Deferred对象** Dojo中...

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信等多个方面。Dojo的核心在于它的模块化系统,这使得开发者可以按需加载代码,提高应用的性能和可维护...

    dojo开发文档

    8. **dojo/ xhr和dojo/io**:Dojo的`dojo/xhr`和`dojo/io`模块处理AJAX通信,支持GET、POST等各种HTTP请求,还有跨域、文件上传等功能。 9. **dojo/json**:`dojo/json`模块用于JSON数据的序列化和反序列化,对于...

    DOJO开发指南(结合DOJO中国及网上的资料整理的结果)

    综上所述,DOJO是一个强大的JavaScript开发工具,其模块化、跨浏览器的特性和丰富的Widget系统使其成为开发RIA的首选之一。通过深入理解和熟练使用DOJO,开发者可以大大提高工作效率,创建出功能丰富、用户体验优良...

    dojo-release-1.9.0-src.zip dojo javascript库源码

    Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富...例如,`dojo/request`和`dojo/io-query`可以帮助你处理GET和POST请求,同时支持JSON、XML等多种数据格式。 动画效果在Dojo中由`dojo/fx`和`dojo/animati`

    dojo JavaScript框架 Ajax学习

    dojo JavaScript框架是Web开发中的一个强大工具,特别在处理...在学习过程中,深入理解`dojo.xhr`、`dojo.io.bind`、`dojo.data`、`dijit`以及状态管理和事件系统等核心概念,将对提升JavaScript和Ajax技能大有裨益。

    Dojo 1.10版离线参考手册

    6. **Dojo AJAX和IO**: - `dojo/xhr`: 用于进行异步HTTP请求,支持GET、POST等多种方法。 - `dojo/io-query`:处理URL查询字符串,方便与服务器交换数据。 7. **国际化和本地化**: - `dojo/i18n` 提供了国际化...

    dojo中文文档-dojo手册

    Dojo的国际化和本地化支持也是其特色之一。dojo.i18n模块提供了处理多语言内容的能力,使开发者可以轻松地为不同地区的用户提供本地化的应用。 压缩包中的Dojo+hand+book.chm文件包含了以上所有内容的详细解释和...

    dojo开发帮助文档

    Dojo 的核心特性之一是它的模块系统,基于AMD(Asynchronous Module Definition)规范,允许开发者异步加载和组织代码,提高页面性能。`require()`函数是AMD的核心,用于声明依赖并加载模块。通过使用`define()`函数...

    精通Dojo(中文版)

    Dojo的Ajax功能也是其强项之一,书中会涵盖dojo.xhr和dojo.io模块,介绍如何实现异步的服务器通信,包括GET、POST请求以及JSONP、IFrame等跨域解决方案。同时,你还将学习到Dojo的Data Store,一个用于存储和管理...

    DOJO API 中文参考手册

    7. **Dojo IO (dojo/io, dojo/xhr)**: Dojo 提供了强大的IO模块来处理HTTP请求和其他形式的数据交换。`dojo/xhr`模块支持异步的Ajax请求,包括GET、POST、PUT和DELETE等HTTP方法。 8. **Dojo Locale (dojo/i18n)**:...

    dojo api 中文版

    * dojo.io:不同的 IO 传输方式,如 script 和 IFrame 等。 * dojo.dnd:拖放功能的辅助 API。 * dojo.string:字符串处理包,提供了修整、转换为大写、编码、esacpe、填充等功能。 * dojo.date:日期格式解析的有效...

    dojo的ppt课件和开发手册

    `dojo`的核心特性之一是其模块系统,基于AMD(Asynchronous Module Definition)规范,允许开发者按需加载所需的代码,提高页面加载速度并降低资源消耗。通过`require`和`define`函数,可以轻松组织和管理项目中的...

Global site tag (gtag.js) - Google Analytics