javascript设计模式----职责链模式

职责链模式:解决请求的发送者与请求的接受者之间的耦合,通过职责链的多个对象对分解请求流程,实现请求在多个对象之间的传递,直到最后一个对象完成请求的处理。

半成品需求

场景:给表单输入框添加事件,做输入提示和输入验证处理,完成这类需求要想服务器端发送请求还要在原有页面中创建其他组件,但是具体输入框有哪些还不确定。
做法:把事件源,异步请求,创建组件模块解耦。完成一个需求要做很多事情,那么把每件事情独立出一个模块对象去处理,这样完成一个需求要做这么多的事情,那就把每件独立出一个模块对象,这样完整的需求就被分解成一部分相互独立的模块需求,通过这些对象的分工协作,每个对象只做与自己分内的事,无关的事情传到下一个对象中去做,直到需求完成。

//请求数据
var sendData = function(data,dealType,dom){
	var xhr = new XMLHTTPRequest(),
		url = 'getData.php?mod=userinfo';
	xhr.onload = function(event){
		if(xhr.status >=200 && xhr.status<300 ||xhr.status == 304){
			dealData(xhr.responseText,dealType,dom);
		}else{
			//请求失败
		}
	}
	for(var i in data){
		url += '&' + i + '=' + data[i]
	}
	//发送请求
	xhr.open("get",url,true);
	xhr.send
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kitt15

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值