jquery--延迟对象

简介:
复制代码
<!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()

计数器 */


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>
复制代码

 



本文转自农夫山泉别墅博客园博客原文链接http://www.cnblogs.com/yaowen/p/6923542.html如需转载请自行联系原作者
相关文章
|
4月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
4月前
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
5月前
|
JavaScript 前端开发 开发者
jQuery文档对象模型DOM的实际应用
jQuery文档对象模型DOM的实际应用
29 0
|
5月前
|
JavaScript
jQuery判断是否为对象或者数组
jQuery判断是否为对象或者数组
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的串联
【jQuery学习】—jQuery对象的串联
|
4月前
|
JavaScript 前端开发
【jQuery学习】—jQuery对象的过滤
【jQuery学习】—jQuery对象的过滤
|
4月前
|
JavaScript
jQuery学习(二)—jQuery对象的获取
jQuery学习(二)—jQuery对象的获取
|
5月前
|
JSON JavaScript 数据格式
jQuery将数组转化成对象
jQuery将数组转化成对象
19 0
|
8月前
|
JavaScript 前端开发
jQuery基本介绍和 DOM 对象互相转换
jQuery基本介绍和 DOM 对象互相转换
31 0