<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>$.when</title>

    <script src="http://the5fireblog.b0.upaiyun.com/staticfile/jquery-1.10.2.js"></script>

    <script>

        function fn1(){

            setTimeout(alert("fn1"),5000);

        }

        $.when(fn1()).done(function(){

            alert("fn1执行完毕！")

        }).fail(function(){

            alert("出错了！")

        })

    </script>

</head>

<body>

</body>

</html>

但是，这样写的话，done()方法会立即执行，起不到回调函数的作用。原因在于$.when()的参数只能是deferred对象，所以必须对wait()进行改写：

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>$.when</title>

    <script src="http://the5fireblog.b0.upaiyun.com/staticfile/jquery-1.10.2.js"></script>

    <script>

        /*function fn1(){

            setTimeout(alert("fn1"),5000);

        }

        $.when(fn1()).done(function(){

            alert("fn1执行完毕！")

        }).fail(function(){

            alert("出错了！")

        })*/

        var dtd = $.Deferred();//新建一个Deferred对象

        var wait = function(dtd){

            var test = function(){

                alert("test执行完毕！");

//                dtd.resolve();//改变deferred对象的状态

                dtd.reject();

            }

            setTimeout(test, 5000);

            return dtd;

        }

        $.when(wait(dtd)).done(function(){

            alert("成功！")

        }).fail(function(){

            alert("失败！")

        })

    </script>

</head>

<body>

</body>

</html>
<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>$.when</title>

    <script src="http://the5fireblog.b0.upaiyun.com/staticfile/jquery-1.10.2.js"></script>

    <script>

        var wait = function(){

            var dtd = $.Deferred();//新建一个Deferred对象

            var test = function(){

                alert("test执行完毕！");

                dtd.resolve();//改变deferred对象的状态

//                dtd.reject();

            }

            setTimeout(test, 2000);

            return dtd.promise();//返回promise对象

        }

//        var d = wait(dtd);//新建一个d对象，以为对这个对象进行操作

        $.when(wait()).done(function(){

            alert("成功！")

        }).fail(function(){

            alert("失败！")

        })

//        dtd.resolve();

//        d.resolve();//promise对象不能resolve,这个语句无效

    </script>

</head>

<body>

</body>

</html>
<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>$.when</title>

    <script src="http://the5fireblog.b0.upaiyun.com/staticfile/jquery-1.10.2.js"></script>

    <script>

        var wait = function(){

            var test = function(){

                alert("test执行完毕！");

            }

            setTimeout(test, 2000);

        }

        $.Deferred(wait).done(function(){

            alert("成功！")

        }).fail(function(){

            alert("失败！")

        })

    </script>

</head>

<body>

</body>

</html>

jQuery Deferred(http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html)的更多相关文章

  1. http://www.ruanyifeng.com/blog/2011/09/restful

    http://www.ruanyifeng.com/blog/2011/09/restful

  2. 摘自（http://www.ruanyifeng.com/blog/2011/07/linux_load_average_explained.html）

    理解Linux系统负荷   作者: 阮一峰 一.查看系统负荷 如果你的电脑很慢,你或许想查看一下,它的工作量是否太大了. 在Linux系统中,我们一般使用uptime命令查看(w命令和top命令也行) ...

  3. 简单明了的掌握diff命令? 参考: http://www.ruanyifeng.com/blog/2012/08/how_to_read_diff.html

    diff是比较两个 文本文件, 或目录,(中名字相同的文件) diff 是按行来比较的, 只要两个对应的行, 不完全一致, 就报告为不同, 否则就视为相同. (一行中任意一点的不同...) 检查时, ...

  4. jQuery deferred when用法

    一.什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作.其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们 ...

  5. 利用 Jquery Deferred 异步你的程序

    最近在做公司QA系统改造时,有这样的一个场景. QA系统中有些数据项需要从JIRA平台(一个国外项目与事务跟踪工具)中获取,JIRA平台提供了很完善的Rest API. 现在的要求是,在QA系统中提交 ...

  6. javascript --- jQuery --- Deferred对象

    javascript --- jQuery --- Deferred对象 javascript的函数式编程是多么引人入胜,jQuery使代码尽可能的精简,intelligent! defer - 必应 ...

  7. jQuery deferred学习笔记

    简介 在jQuery1.5.0版本引入,为了实现Deferred对象,jQuery改写了ajax.是由jQuery.Deferred()方法创建的链式对象. $.Deferred在jQuery代码自身 ...

  8. jquery Deferred使用经验

    这周做了个小活动(http://aoqi.100bt.com/zt-2016duanzi/index.html),刚开始时候没看好需求,逻辑都写一块了 最后各种坑要填补,从中也获取了些经验和教训,下面 ...

  9. JQuery Deferred 对象

    http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html <jQu ...

随机推荐

  1. 搭建 MPICH3 并行计算环境

    先记录在单机MacBook上的搭建,实验室集群的搭建流程是一样的,不过每台机器都需要做一次. MacBook: 1.安装mpich3: $ ./configure --prefix=/Users/xi ...

  2. db2数据库创建一张表，并为该表加上主键递增的性能和中间表的创建的sql语句

    创建角色表 CREATE TABLE NBCTXP.TBL_NBC_NONBANKROLE (    ID BIGINT NOT NULL,    ROLENAME VARCHAR(50),    C ...

  3. JDBC用ResultSet访问大量数据时会遇到的问题

    我们经常需要JDBC来对数据库就行操作,一般流程为连接数据库.通过sql语句把需要的数据取出来保存到ResultSet,然后调用ResultSet方法的类似 getString,getInt()等方法 ...

  4. hdu 2897(威佐夫博奕变形)

    题意:容易理解. 分析:当n%(p+q)==0时,先取者必胜,必胜方案:先取q,然后对方去x个,先取者就取(p+q-x)个,最后对方就必须取玩p个, 当n%(p+q)==r(r<=p),先取者必 ...

  5. 一篇关于apache commons类库的详解

    1.1. 开篇 在Java的世界,有很多(成千上万)开源的框架,有成功的,也有不那么成功的,有声名显赫的,也有默默无闻的.在我看来,成功而默默无闻的那些框架值得我们格外的尊敬和关注,Jakarta C ...

  6. Delphi实现文件关联

    文件关联为我们带来很多的方便.Delphi自带有注册表对象TRegistry,可以通过它取得或改变注册表相关键值的内容. Function GetAssociatedExec(FileExt: Str ...

  7. Spring依赖注入 --- 简单使用说明

    Spring依赖注入 --- 简单使用说明 本文将对spring依赖注入的使用做简单的说明,enjoy your time! 1.使用Spring提供的依赖注入 对spring依赖注入的实现方法感兴趣 ...

  8. 【转】Bellman_ford算法

    原文链接:http://www.cnblogs.com/Jason-Damon/archive/2012/04/21/2460850.html 摘自百度百科 Bellman-ford算法是求含负权图的 ...

  9. PYTHON压平嵌套列表

    list 是 Python 中使用最频繁的数据类型, 标准库里面有丰富的函数可以使用.不过,如果把多维列表转换成一维列表(不知道这种需求多不多),还真不容易找到好用的函数,要知道Ruby.Mathem ...

  10. Python 批量创建同文件名的特定后缀文件

    看了很多批量创建文件和文件批量格式转换的code,感觉杀鸡焉用牛刀,自己写了几行轻量级的拿来给大家参考: 在out_dir目录下批量创建与in_dir目录下同文件名但后缀不同的文件. in_dir = ...