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这几年的普及, 前端的代码越来越多, 各种回调套回调再套回调实在太让人崩溃, ...
随机推荐
- 6.boostTCP通信
客户端 #include <boost/asio.hpp> #include <iostream> #include <stdlib.h> using namesp ...
- MetaSploit攻击实例讲解------Metasploit自动化攻击(包括kali linux 2016.2(rolling) 和 BT5)
不多说,直接上干货! 前期博客 Kali linux 2016.2(Rolling)里Metasploit连接(包括默认和自定义)的PostgreSQL数据库 Kali linux 2016.2(Ro ...
- Android 代码中使用Color工具类 parseColor
方式一: arg1.setBackgroundColor(Color.parseColor("#87CEFA")); 方式二: arg1.setBackgroundColor(ge ...
- c# 对用户密码加密解密
一.使用16位.32位.64位MD5方法对用户名加密 1)16位的MD5加密 ? 1 2 3 4 5 6 7 8 9 10 11 12 /// <summary> /// 16位MD5加密 ...
- iOS网络缓存机制
iOS的网络引擎自带缓存机制: 网络请求在经过网络引擎时有过处理(添加了字段),所以用api的网络请求无法获取缓存. [NSURLCache sharedURLCache]
- tgtadm和iscsiadm命令的用法
一.tgtadm命令 tgtadm常用于管理三类对象: target:创建new,删除,查看 lun:创建,查看,删除 account:创建用户,绑定,解绑定,删除,查看 语法 ...
- CF19E Fairy(树上差分)
题目描述 很久很久以前,有一个仙女叫做A.有一天一个少年B找到她,并且请求她预测他的未来.仙女看着她的水晶球,说这位少年不久将遇见世界上最美丽的公主,并且将迎娶她为妻.然后仙女在一张纸上画了n个点,并 ...
- 去掉vs2010字符串下红色波浪线
由于在vs集成了qt库,无法提升代码. 所以下载了visual assist,然后新的问题出现了,凡是在vs中输入的字符串,下面都有红色的波浪线,而且没有错误,只是看着不舒服. 解决方法: 在VAss ...
- 【 D3.js 入门系列 --- 2.1 】 关于怎样选择,插入,删除元素
本人的个人博客首页为: http://www.ourd3js.com/ ,csdn博客首页为:http://blog.csdn.net/lzhlzz/. 转载请注明出处,谢谢. 在D3.js中,选择 ...
- Codeforces Educational Codeforces Round 8 A. Tennis Tournament
大致题意: 网球比赛,n个參赛者,每场比赛每位选手b瓶水+裁判1瓶水,所有比赛每一个參赛者p条毛巾 每一轮比赛有2^k个人參加比赛(k为2^k<=n中k的最大值),下一轮晋级人数是本轮每场比赛的 ...