jquery when then方法

JavaScript013

jquery when then方法,第1张

jQuery.when(deferreds)

参数deferreds,一个或多个延时对象或JS对象,我们初略的认为它就是一个或多个异步请求。

例如:$.when($.ajax("page1.php"), $.ajax("page2.php"))

when()函数常常和done()函数、fail()函数、then()函数联合使用:

done(Function func) - 当deferreds中的处理都完成的时候执行Function回调函数

fail(Function func) - 当deferreds中有一个处理失败的时候执行Function回调函数

then(Function func1,Function func2)- 结合了done和fail函数,当都成功执行func1,当有一个失败执行func2

var whenResult = $.when($.ajax("page1.php"), $.ajax("page2.php"))

whenResult.done(function(a1,a2){

//函数内容略

//a1和a2俩参数是when函数中两个ajax请求的相关jqXHR对象

})

whenResult.fail(function(){

//函数内容略

})

whenResult.then(successFunc,failureFunc)

如果没有参数传递给 jQuery.when(),它会返回一个resolved状态的Promise。

如果向 jQuery.when() 传入一个单独的延迟对象,那么会返回它的 Promise 对象(延迟方法的一个子集)。可以继续绑定 Promise 对象的其它方法,例如, defered.then 。当延迟对象已经被解决(resolved)或被拒绝(rejected)(通常是由创建延迟对象的最初代码执行的),那么就会调用适当的回调函数。例如,由 jQuery.ajax() 返回的 jqXHR 对象是一并立的延迟对象并且可以像下面这样使用:

$.when( $.ajax("test.aspx") ).then(function(data, textStatus, jqXHR){

alert( jqXHR.status )// alerts 200

})

在多延迟情况下,如果Deferreds延迟对象一被拒绝(rejected),jQuery.when()触发立即调用 “宿主” Deferred(延迟)对象的 failCallbacks。请注意在这个时间点上,有一些延迟对象仍然可以是未解决(unresolved)的。 传递给failCallbacks的参数匹配Deferred(延迟)对象的 failCallbacks被 rejected 拒绝的顺序。那么,在这种情况下,如果需要执行一些额外的处理,例如,取消所有未完成的 ajax 请求,你可以在闭包中进行保持 jqXHR 对象的引用,并且在 failCallback 中检查或取消它们。

例子:

Example: 执行Ajax请求后两个函数是成功的。

$.when($.ajax("/page1.php"), $.ajax("/page2.php")).done(function(a1,  a2){

/* a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively */

var jqXHR = a1[2]/* arguments are [ "success", statusText, jqXHR ] */

if ( /Whip It/.test(jqXHR.responseText) ) {

alert("First page has 'Whip It' somewhere.")

}

})

Example: 执行函数myFunc当两个Ajax请求是成功的,如果任一或myFailure有一个错误。

$.when($.ajax("/page1.php"), $.ajax("/page2.php"))

.then(myFunc, myFailure)

function countdown(when, callback){

    // 判断当前时间

    var now = Date.now()

    if(when < now){

        throw '开始时间不能小于当前时间'

    }

    // 如果大于当前时间,则过了相差的时间后再执行此函数

       else if(when > now){

        setTimeout(function(){

            countdown(when, callback)

        }, when - now)

    } else{

        // 开始倒计时,这里的逻辑你没有描述

    } 

}

注意,js的定时并不是完全准确的。所有的setXXX之类的延时函数都是等计算机空闲下来才会执行

//is_cancheck 是数据库中保存的,需要给变量赋值。

var is_cancheck = 'none'

//<input onclick="if_checked(this)" id="if_canchecked" type="checkbox">  选定

//传递this给函数,省去在函数中getElementById

function if_checked( input ){

//这里只需要判断不可被选中的情况,将选中状态为false

//因为is_cancheck=''时,是可以选中&取消选中的,所以不能一概将checked设置为true

if (is_cancheck == "none") {

input.checked = false 

}

if(input.checked){

selectAll("check_target","form_check")

}else{

unselectAll("check_target","form_check")

}

}