<!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--延迟对象的更多相关文章

  1. jquery源码解析:jQuery延迟对象Deferred(工具方法)详解2

    请接着上一课继续看. $.Deferred()方法中,有两个对象,一个是deferred对象,一个是promise对象. promise对象有以下几个方法:state,always,then,prom ...

  2. jquery源码解析:jQuery延迟对象Deferred(工具方法)详解1

    请先看上一课的回调对象.Deferred是通过extend添加到jQuery中的工具方法.如下所示: jQuery.extend({ Deferred: function( func ) { }, w ...

  3. jquery的2.0.3版本源码系列(7):3043行-3183行,deferred延迟对象,对异步的统一管理

    目录 part1 deferred延迟对象 part2  when辅助方法 网盘源代码 链接: https://pan.baidu.com/s/1skAj8Jj 密码: izta part1 defe ...

  4. jQuery源码02--(3043 , 3183) Deferred : 延迟对象 : 对异步的统一管理

    //延迟对象 jQuery.extend({ Deferred: function( func ) { var tuples = [//resolve完成.reject未完成.notify进行中类似于 ...

  5. jQuery的延迟对象(十一)

    在前端这个领域里面,ajax请求非常常见. // 前提引入jquery $.ajax({ type: 'get', url: '/path/to/data', success: function (r ...

  6. jQuery的延迟对象

    之前看别人的demo,发现在延迟对象被resolve时要执行的代码,有时会写在deferred.then方法里执行,有时会写在deferred.done方法里执行. 这让对延迟对象一知半解的我非常困惑 ...

  7. JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

    一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...

  8. JavaScript学习总结(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

    一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...

  9. 延迟对象$q和供应商配置config

    1.angular总的$q和jquery中的延迟对象很类似,用法也差不多 m1.controller('meng',['$scope','$q',function($scope,$q){ var df ...

  10. JS搞基指南----延迟对象入门提高资料整理

    JavaScript的Deferred是比较高大上的东西,  主要的应用还是主ajax的应用,  因为JS和nodeJS这几年的普及,  前端的代码越来越多,  各种回调套回调再套回调实在太让人崩溃, ...

随机推荐

  1. 2.安装 CLI和CLI的工作原理

    转自:https://www.gruntjs.net/getting-started 还在使用 Grunt 0.3 版本吗?请查看 Grunt 0.3 注意事项 在继续学习前,你需要先将Grunt命令 ...

  2. Python 从入门到精通 全程最佳实现梳理

    零零星星的时间,持续完善中...... 1.一些基础的必要信息归纳 Python 官网 www.python.org 发明者 吉多·范罗苏姆 发行时间 1991年,​26年前 编程泛型 多泛型.面向对 ...

  3. PostgreSQL Replication之第四章 设置异步复制(6)

    4.6 有效的清理和恢复结束 最近几年, recovery.conf 已经变得越来越强大了.早在初期(在 PostgreSQL 9.0之前), 仅有 restore_command 和一些 recov ...

  4. c# 之抽象属性

    抽象属性 属性可以使类.结构.接口的成员,自然也可以是抽象类的抽象属性了,抽象属性同抽象方法一样在派生类中被实现. using System; using System.Collections.Gen ...

  5. fill,fill-n,memset的区别

    这里在网上搜集归纳了一个总结 memset函数 按照字节填充某字符 在头文件<string.h>中 因为memset函数按照字节填充,所以一般memset只能用来填充char型数组,(因为 ...

  6. [ZJOI2012]旅游 对偶图 树的直径

    Code: // luogu-judger-enable-o2 #include<cstdio> #include<iostream> #include<algorith ...

  7. mcustomscrollbar滚动条美化插件

    mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义,它通过 Brandon A ...

  8. 【Git 一】Linux安装Git

    一.Git 的优势 #简单说一下 Git 的优势. 1.版本库本地化,支持离线提交,相对独立不影响协同开发. 2.支持快速切换分支方便合并,比较合并性能好. 3.分布式管理,适应不同的业务场景. 4. ...

  9. 【Henu ACM Round#19 D】 Points on Line

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 考虑l..r这个区间. 且r是满足a[r]-a[l]<=d的最大的r 如果是第一个找到的区间,则直接累加C(r-l+1,3); ...

  10. Win 7中开启Telnet功能

    参看以下文章: http://winsystem.ctocio.com.cn/Longhorn/472/8756972.shtml