码迷,mamicode.com
首页 > 其他好文 > 详细

关于deferred

时间:2014-10-03 18:51:55      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   ar   java   sp   div   

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Deffered</title>
        <script type="text/javascript" src="jquery-1.11.0.js"></script>
        <script>
             //参考链接:http://javascript.ruanyifeng.com/jquery/deferred.html
             //http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html
             //http://api.jquery.com/category/deferred-object/

             // 四个状态,执行中,已完成,失败了,成败皆可
             // 两个需求,多个异步完成一起处理;异步同步化链式处理


             // 异步同步化链式处理
            var wait = function(dtd) {
                var dtd = $.Deferred();
                var tasks = function() {
                    console.log("执行完毕");
                    dtd.resolve("+1");
                    //                    dtd.reject("-1");
                };
                setInterval(function() {
                    dtd.notify("0");
                }, 200);

                setTimeout(tasks, 5000);
                return dtd.promise();
            };

            $.when(wait()).then(function(x) {
                console.log("成功回调" + x);
                var dtd = $.Deferred();
                var tasks = function() {
                    dtd.resolve("+2");
                    //                    dtd.reject("-2");
                };

                setTimeout(tasks, 3000);

                return dtd.promise();
            }, function(x) {
                console.log("失败回调" + x);
            }, function(x) {
                console.log("操作还没有完成" + x);
            }).then(function(x) {
                console.log("再次成功回调" + x);
            }).always(function() {
                console.log("成功与否总是回调这个函数 ");
            });
        </script>

    </head>

    <body>
    </body>

</html>

 

关于deferred

标签:style   blog   http   color   io   ar   java   sp   div   

原文地址:http://www.cnblogs.com/samwu/p/4005138.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!