您的位置:首页 > 产品设计 > UI/UE

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

  处理器的总体关系如下图所示:

  

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
  

  如果您看完本篇文章感觉不错,请点击一下下方的推荐来支持一下博主,谢谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: