<!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. Struts2的crud

    struts2的crud引出的问题: 1.当Action里面有其他类的实例引用属性时,当要用请求参数为该对象的属性赋值时,如何将其压入栈顶. 2.当有的操作(list)不需要创建该属性的实例对象时,或 ...

  2. In App Purchase翻译

    一.In App Purchase概览 Store Kit代表App和App Store之间进行通信.程序将从App Store接收那些你想要提供的产品的信息,并将它们显示出来供用户购买.当用户需要购 ...

  3. bash 的漏洞，你们中招了吗？

    http://threatpost.com/major-bash-vulnerability-affects-linux-unix-mac-os-x 检测: $ env x='(){:;}; echo ...

  4. An unexpected exception occurred while creating a change object. see the error log for more details

    今天再给Android项目工程中的包重命名时出现了这个错误(之前重命名的时候就没有出现,郁闷): An unexpected exception occurred while creating a c ...

  5. Linux 安装JDK7 遇到的问题

    Error occurred during initialization of VMjava/lang/NoClassDefFoundError: java/lang/Object 如出现 unpac ...

  6. linux下的加减运算

    命令: echo rep 如果你有些编程方面的概念,最有意思的是用gdb,它可以进行进制转换,浮点数运算,数据类型占用字节数等等,很方便. (gdb) p 2+5$21 = 7(gdb) p 2/5$ ...

  7. Android项目中单实例数据库类,解决database is locked

    一.数据库操作 package com.ping.db; import android.content.Context; import android.database.sqlite.SQLiteDa ...

  8. 序列化、反序列化和transient关键字的作用

    引言 将 Java 对象序列化为二进制文件的 Java 序列化技术是 Java 系列技术中一个较为重要的技术点,在大部分情况下,开发人员只需要了解被序列化的类需要实现 Serializable 接口, ...

  9. 解决：cc1.exe: sorry, unimplemented: 64-bit mode not compiled in

    在win下用Go语言的cgo时(比如下面场景)我们会用到的GCC编译器,Win下我们一般用MinGW. Golang连接Oracle数据库:win下 golang 跨平台编译 MinGW全称Minim ...

  10. unity3d Human skin real time rendering 真实模拟人皮实时渲染（转）

    先放出结果图片...由于网上下的模型是拼的,所以眼皮,脸颊,嘴唇看起来像 存在裂痕,解决方式是加入曲面细分和置换贴图 进行一定隆起,但是博主试了一下fragment shader的曲面细分,虽然细分成 ...