<!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. python tile函数用法

    tile函数位于python模块 numpy.lib.shape_base中,他的功能是重复某个数组.比如tile(A,n),功能是将数组A重复n次,构成一个新的数组,我们还是使用具体的例子来说明问题 ...

  2. 基于CentOS与VmwareStation10搭建Oracle11G RAC 64集群环境：4.安装Oracle RAC FAQ-4.1.系统界面报错Gnome

    1.错误信息:登录系统后,屏幕弹出几个错误对话框,无菜单.无按钮 GConf error: Failed to contact configuration server; some possible ...

  3. MySQL与Oracle 差异比较之七用户权限

    用户权限 编号 类别 ORACLE MYSQL 注释 1 创建用户 Create user user_name identified by user_password default tablespa ...

  4. linearlayout 水平垂直居中

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=&q ...

  5. postgresql编译安装与调试（二）

    接前文postgresql编译安装与调试(一),继续说说postgresql的编译安装与调试. 上一篇已经详细说明了如何在Linux系统上编译安装postgresql,这次我们在此基础上简单讲讲如何在 ...

  6. XSS跨站及利用

    (一)软件测试环境以及搭建 测试环境:本地 XAMPP 1.7.1 测试软件:PHP168整站v5.0 软件下载地址 http://down2.php168.com/v2008.rar PHP.ini ...

  7. js 判断输入是否为正整数

    javascript代码如下: var re = new RegExp("^[1-9][0-9]*$"); if (re.test("11k")) { cons ...

  8. MVC的路由

    MVC的路由包括以下几部分 路由名称,路由URL,路由的初始值,路由的约束,路由的命名空间 routes.MapRoute( name: "Default", url: " ...

  9. static用法总结

    C++的static有两种用法:面向过程程序设计中的static和面向对象程序设计中的static.前者应用于普通变量和函数,不涉及类:后者主要说明static在类中的作用. 一.面向过程设计中的st ...

  10. [转] 編程風格要素-The Elements of Programming Style 中文英文中英對照

    转自: http://www.loliman3000.com/tech/2fe33ce32906f0302412881.php 下面的程序風格規則提煉自Brian Kernighan和P. J. Pl ...