dojo/request模块整体架构解析
2015-04-19 18:22
567 查看
总体说明
做前端当然少不了ajax的使用,使用dojo的童鞋都知道dojo是基于模块化管理的前端框架,其中对ajax的处理位于dojo/request模块。一般情况下我们使用ajax请求只需要引入dojo/request模块,然后按照文档的说明制定参数即可。实际上dojo在这一模块的处理中抽象了很多概念:
平台侦探器:dojo/request/default
请求分发器:dojo/request/registry
全局通知器:dojo/request/notify
数据传输器:dojo/request/xhr dojo/request/script dojo/request/iframe dojo/request/node
数据转化器:dojo/request/handlers
处理器的总体关系如下图所示:
View Code
如果您看完本篇文章感觉不错,请点击一下下方的推荐来支持一下博主,谢谢!
做前端当然少不了ajax的使用,使用dojo的童鞋都知道dojo是基于模块化管理的前端框架,其中对ajax的处理位于dojo/request模块。一般情况下我们使用ajax请求只需要引入dojo/request模块,然后按照文档的说明制定参数即可。实际上dojo在这一模块的处理中抽象了很多概念:
平台侦探器:dojo/request/default
请求分发器:dojo/request/registry
全局通知器:dojo/request/notify
数据传输器:dojo/request/xhr dojo/request/script dojo/request/iframe dojo/request/node
数据转化器:dojo/request/handlers
处理器的总体关系如下图所示:
require(["dojo/request/handlers", "dojo/request", "dojo/dom", "dojo/dom-construct", "dojo/json", "dojo/on", "dojo/domReady!"], function(handlers, request, dom, domConst, JSON, on){ handlers.register("custom", function(response){ var data = JSON.parse(response.text); data.hello += "!"; return data; }); on(dom.byId("startButton"), "click", function(){ domConst.place("<p>Requesting...</p>", "output"); request("./helloworld.json", { handleAs: "custom" }).then(function(data){ domConst.place("<p>data: <code>" + JSON.stringify(data) + "</code>", "output"); }); }); });
View Code
如果您看完本篇文章感觉不错,请点击一下下方的推荐来支持一下博主,谢谢!
相关文章推荐
- jQuery源码解析(架构与依赖模块)一、理解架构
- 深入理解Nginx:模块开发与架构解析 读书笔记
- 分布式对象存储Ambry(4)Ambry-Server模块源代码解析(启动与整体通信工作篇)
- 高通camera整体架构分析之端口模块篇
- netfilter整体架构解析初步
- 推荐新书《深入理解Nginx:模块开发与架构解析》
- OpenCV整体的模块架构
- Tomcat源码解析(一):tomcat整体架构解析
- jQuery源码解析-整体架构
- netfilter整体架构解析初步
- 《深入理解Nginx 模块开发与架构解析》笔记之定时器
- netfilter整体架构解析初步
- jQuery源码解析(依赖与架构模块)笔记三------回调函数
- netfilter整体架构解析初步
- Spark技术内幕:Storage 模块整体架构
- thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
- Spark技术内幕:Storage 模块整体架构
- jQuery-AJAX模块解析-request部分
- tomcat原理解析(二):整体架构
- 深入理解Nginx:模块开发与架构解析