jquery--延迟对象
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ϞҪ͢τյ</title>
<script src="jquery-2.0.3.js"></script>
<script> jQuery.extend({ Deferred : function(){},
when : function(){} }); $.Deferred(); -> $.Callbacks();
$.when();
ғԙהгˇܹԚܘַߪעքì(3043 , 3183) Deferred : ғԙהг : הӬҽքͳһڜm
-------------------------------------------------------------------------
var cb = $.Callbacks(); setTimeout(function(){ alert(111);
cb.fire(); },1000); cb.add(function(){
alert(222);
}); //Јկ111 ՙկ222 Ӭҽ
------------------------------------------------------------------------ var dfd = $.Deferred(); setTimeout(function(){ alert(111);
dfd.resolve();//`̆Ԛfire },1000); dfd.done(function(){//`̆Ԛadd
alert(222);
}); //Јկ111 ՙկ222 Ӭҽ ------------------------------------------------------- setTimeout(function(){ alert(111); },1000); alert(222);//Јկ111 ՙկ222 Ӭҽ ------------------------------------------------------- var dfd = $.Deferred(); setTimeout(function(){ alert(111);
dfd.notify();//`̆Ԛfire },1000); dfd.progress(function(){//`̆Ԛadd
alert(222);
}); //Јկ111 ՙկ222 Ӭҽ $.ajax({
url : 'xxx.php',
success : function(){
alert('ԉ٦');
},
error : function(){
alert('ʧќ');
}
}); //$.ajaxŚ׃ғԙ٦Ŝ
$.ajax('xxx.php').done(function(){ alert('ԉ٦'); }).fail(function(){ alert('ʧќ'); }); ------------------------------------------------------------- var dfd = $.Deferred(); setTimeout(function(){ //alert(111);
//dfd.resolve();
dfd.reject();//`̆Ԛfire },1000); dfd.done(function(){//`̆Ԛadd
alert('ԉ٦');
}).fail(function(){//`̆Ԛadd
alert('ʧќ');
}); //Јկ111 ՙկ222 Ӭҽ ---------------------------------------------------------- var dfd = $.Deferred(); setInterval(function(){ alert(111);
dfd.resolve();//ԉ٦הӦdone
dfd.reject();//ʧќהӦfail
dfd.notify()//אהӦprogressìѐאܡԐ͵ì̹ӔҪlѸԥע },1000); dfd.done(function(){
alert('ԉ٦');
}).fail(function(){
alert('ʧќ');
}).progress(function(){
alert('א');
}); ----------------------------------------------------------------------- $(function(){
var cb = $.Callbacks('memory');
cb.add(function(){
alert(1);
});
cb.fire();
$('input').click(function(){
cb.add(function(){//ԐmemoryҢȒfireӑޭִѐڽһՎ,bִܴѐfire(),
alert(2);
});
});
----------------------------------------------------
var dfd = $.Deferred();
setTimeout(function(){
alert(111);
dfd.resolve();
},1000);
dfd.done(function(){//ֈresolve()ִѐկԶaaa,
alert('aaa');
});
$('input').click(function(){//֣ܷдťկԶbbb,{ԃքߍˇcallbackքmemory
dfd.done(function(){
alert('bbb');
});
});
}); ---------------------------------------------------------------
done
fail
progress resolve
reject
notify ------------------------------------------------------------------------ function aaa(){
var dfd = $.Deferred();
alert( dfd.state() );
setTimeout(function(){
dfd.resolve();
alert( dfd.state() );
},1000);
return dfd.promise();
}
var newDfd = aaa();
newDfd.done(function(){
alert('ԉ٦');
}).fail(function(){
alert('ʧќ');
});
newDfd.reject();
----------------------------------------------------------------------- alert(i^1);//0^1=1 1^1=0 var dfd = $.Deferred(); setTimeout(function(){ //dfd.resolve();
dfd.reject('hi'); },1000); dfd.always(function(){ alert('hello'); }); dfd.then(function(){//ԉ٦ܘַ
alert(1);
},function(){//ʧќܘַ
alert(arguments[0]);
},function(){//ѐאܘַ
alert(3);
}); ----------------------------------------------------------------------
var dfd = $.Deferred(); setTimeout(function(){ dfd.resolve('hi'); },1000); var newDfd = dfd.pipe(function(){ return arguments[0] + 'Įζ'; }); newDfd.done(function(){
alert( arguments[0] );
});
</script>
</head> <body>
<input type="button" value="֣ܷ">
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="jquery-2.0.3.js"></script>
<script> var dfd = $.Deferred();
dfd.done();//完成触发成功的方法 未完成触发fail方法。
$.when().done();//when返回延迟对象,when可以对多个延迟对象做操作。 --------------------------------------------------------------------
function aaa(){
var dfd = $.Deferred(); dfd.resolve();//完成
dfd.reject(); return dfd;
} function bbb(){
var dfd = $.Deferred(); //dfd.resolve();
dfd.reject();// return dfd;
} aaa().done(function(){
alert('成功');
}); $.when( aaa() , bbb() ).done(function(){//aaa,bbb延迟对象都完成执行done,都失败走fail
//aaa,bbb要返回~延迟对象
alert('成功');
}).fail(function(){
alert('失败');
}); $.when( ).done(function(){
alert('成功');
}); /*when的源码 return $.Deferred(); arguments[0]
arguments[1]
arguments[2]
arguments[3] done() 计数器 :4*/ function aaa(){
var dfd = $.Deferred();
dfd.resolve();
return dfd;
} function bbb(){
var dfd = $.Deferred();
dfd.reject();
//return dfd;
} $.when( 123 , 456 ).done(function(){
alert(arguments[0]);
alert(arguments[1]);
alert('成功');
}).fail(function(){
alert('失败');
}); $.when( aaa() , 111 , bbb() , 222 ).done(function(){
alert('成功');
}).fail(function(){
alert('失败');
});
</script>
</head> <body>
</body>
</html>
jquery--延迟对象的更多相关文章
- jquery源码解析:jQuery延迟对象Deferred(工具方法)详解2
请接着上一课继续看. $.Deferred()方法中,有两个对象,一个是deferred对象,一个是promise对象. promise对象有以下几个方法:state,always,then,prom ...
- jquery源码解析:jQuery延迟对象Deferred(工具方法)详解1
请先看上一课的回调对象.Deferred是通过extend添加到jQuery中的工具方法.如下所示: jQuery.extend({ Deferred: function( func ) { }, w ...
- jquery的2.0.3版本源码系列(7):3043行-3183行,deferred延迟对象,对异步的统一管理
目录 part1 deferred延迟对象 part2 when辅助方法 网盘源代码 链接: https://pan.baidu.com/s/1skAj8Jj 密码: izta part1 defe ...
- jQuery源码02--(3043 , 3183) Deferred : 延迟对象 : 对异步的统一管理
//延迟对象 jQuery.extend({ Deferred: function( func ) { var tuples = [//resolve完成.reject未完成.notify进行中类似于 ...
- jQuery的延迟对象(十一)
在前端这个领域里面,ajax请求非常常见. // 前提引入jquery $.ajax({ type: 'get', url: '/path/to/data', success: function (r ...
- jQuery的延迟对象
之前看别人的demo,发现在延迟对象被resolve时要执行的代码,有时会写在deferred.then方法里执行,有时会写在deferred.done方法里执行. 这让对延迟对象一知半解的我非常困惑 ...
- JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...
- JavaScript学习总结(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...
- 延迟对象$q和供应商配置config
1.angular总的$q和jquery中的延迟对象很类似,用法也差不多 m1.controller('meng',['$scope','$q',function($scope,$q){ var df ...
- JS搞基指南----延迟对象入门提高资料整理
JavaScript的Deferred是比较高大上的东西, 主要的应用还是主ajax的应用, 因为JS和nodeJS这几年的普及, 前端的代码越来越多, 各种回调套回调再套回调实在太让人崩溃, ...
随机推荐
- 4. idea常用快捷键设置(改为eclipse相似)
转自:https://blog.csdn.net/loveer0/article/details/82697877 idea常用快捷键设置(改为eclipse相似) 目录 idea常用快捷键设置改为e ...
- 日志文件支持unicode字符的做法
作者:朱金灿 来源:http://blog.csdn.net/clever101 开发的程序兼容多字节字符集和unicode字符集,最近发现一个问题,在unicode字符集下输出的日志文件是乱码的.显 ...
- Servlet设置Cookie无效
项目中保存用户信息用到了Cookie,之前没有太注意,今天怎么设置Cookie都无效,断点跟了无数遍,都没有找出问题所在,明明发送Cookie的代码都有执行,可是愣是找不到Cookie发送到哪里去了, ...
- ASP.NET 获取IIS应用程序池的托管管道模式
asp.net 中怎样较为简单的获取网站程序池的托管管道模式 目前已知的方式是根据这个帖子https://github.com/kakalotte/... ,利用DirectoryEntry,但是程序 ...
- LNMP安装部署开源IP管理工具phpipam
1.数据库 mariadb 安装 //依赖安装 yum install -y apr* autoconf automake bison bzip2 bzip2* compat* \ cpp curl ...
- springMVC+request.session实现用户登录和访问权限控制
用springmvc mybatis实现用户登录登出功能,使用session保持登录状态,并实现禁止未登录的用户访问.感谢谷歌资源,在这里做个学习记录加深自己的印象. 原文在我的https://my. ...
- php计算两个时间相差的天数、小时数、分钟数、秒数
$startdate="2011-3-15 11:50:00";//开始时间 $enddate="2012-12-12 12:12:12";//结束时间 $da ...
- caioj 1081 动态规划入门(非常规DP5:观光游览)
这道题和前面的分组的题有点像 就是枚举最后一组的长度. 然后组数可以在第一层循环也可以在第二层循环 我自己的话就统一一下在第一层循环吧 然后这道题题意我一直没理解清楚,浪费了很多时间,写复杂了 同时初 ...
- myeclipse2013 jsp编辑初始化
首先,大家可能有过这种经历.双击打开jsp编辑.它默认会打开视图,这样就使人恼火了,卡死了.所以我们能够自己设jsp的默认打开方式:打开Window-->preferences得: 搜索edit ...
- usb芯片调试经验
记录一下调试usb有关的芯片的一些经验. 1.有i2c的芯片.一般有i2c的地址选择. 检查地址选择是否正确,地址是多少.SCL和SDA上面是否有上拉电阻. 芯片的地址是几位的.I2c的时钟频率也是必 ...