jQuery.when().done()

最新推荐文章于 2022-01-06 14:07:10 发布
最新推荐文章于 2022-01-06 14:07:10 发布
阅读量627 收藏 2
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/lyxy/p/6297384.html
版权

在使用jQuery.when()调用外部声明方法时，如果方法不为Deferred(延时)对象，则done会立即执行，所有需要在调用的方法声明一个var deferred = $.Deferred();以达到执行完调用的方法后再执行done。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery when done</title>
<script src="../jquery/jquery.min.js"></script>
</head>
<body>
    
<script>
$(function () { 
    var ajaxGetData = function(){
        //声明延时对象
        var deferred = $.Deferred();
        $.ajax({
            url: '',
            type: 'get',
            dataType: 'json',
            data:{},
            success:function(data){
                alert("执行when成功，下一步才执行done");
                //成功获取返回值后，调用resolve表示操作成功，才会执行done方法
                deferred.resolve();
            },
            error:function(){
                alert("操作异常");
            }
        });
        return deferred;
    }
    $.when(
        ajaxGetData()
    ).done(
        function() {
            alert("执行done成功"); 
        } 
    );
})
</script>
 
</body>
</html>

 

转载于:https://www.cnblogs.com/lyxy/p/6297384.html

weixin_30654583
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
12-11
我知道这些函数都是异步执行(asyncronously)并且会延迟一段时间返回,所以我想知道是否有一种方式,使我可以使用单个回调,并行地加载它们,就像JS加载器 curljs 所做的那样。 很幸运! 通过jQuery.when, 我可以并发地加载两个请求,只执行一次回调! jQuery 脚本正如我提到的,下面是加载脚本和一个JSON资源的用例: 代码如下:$.when( $.getScript(‘/media/js/wiki-min.js?build=21eb633’),  $.getJSON(‘https://developer.mozilla.org/en-US/demos/feeds/j
Jquery $when done then的用法详解
01-19
对于$.ajax请求来说，如果层级比较多，程序看起来会比较乱，而为了解决这种问题，才有了$when…done…fail…then的封装，它将$.ajax这嵌套结构转成了顺序平行的结果，向下面的$.ajax写法，看起来很乱 $.ajax({ url: /home/GetProduct, dataType: JSON, type: GET, success: function (data) { $.ajax({ url: /home/GetProduct, dataType: JSON, type: GET, success: function (data) { $.a
Jquery~$when_done_then的用法
weixin_33912638的博客
05-20 114
对于$.ajax请求来说，如果层级比较多，程序看起来会比较乱，而为了解决这种问题，才有了$when...done...fail...then的封装，它将$.ajax这嵌套结构转成了顺序平行的结果，向下面的$.ajax写法，看起来很乱 $.ajax({ url: "/home/GetProduct", dataType: "JSON", ...
JQuery-$.when().done().fail()的使用
qq_31856061的博客
01-06 1564
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。 本文不是初级教程，针对的读者是那些已经具备jQuery
jQuery.when()方法测试笔记及源码分析
高山上的鱼
10-09 2016
/*       测试代码1： （如果传入when的不是Deferred也不是Promise对象，那么马上执行done方法，done方法会被传入初始参数也就是传入when方法的参数 同时fail方法永远不会被执行，因为当传入的不是Deferred也不是Promise时候，会被当作resolved所以不会是rejected ） $.when( { testing: 123 } ).done
jquery --- > 使用when方法等待2个异步事件结束后执行某一个函数.
栗子好好吃的博客
05-27 2366
$.when(promise1, promise2) .done(function(args1, args2){ console.log(args1 + args2); } // 上述代码,等待promise1和promise2执行完,打印出(promise1和promise2)使用的参数 // 注:1.promise1和promise2是异步调用的函数,如ajax请求 // 2....
jQuery的deferred对象详解
weixin_34261415的博客
04-26 780
jQuery的deferred对象详解 作者： 阮一峰 日期： 2011年8月16日 jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用a...
JQuery when
z69183787的专栏
04-18 1531
jQuery.when(deferreds) 参数deferreds，一个或多个延时对象或JS对象，我们初略的认为它就是一个或多个异步请求。 关于deferred对象 请见： 例如： [javascript] view plaincopy $.when($.ajax("page1.php"), $.ajax("page2.php
jQUery的$.when（）.done() 当a执行完后执行b
weixin_30725467的博客
07-07 514
jQUery的$.when（）.done() 这个知识点，很少见到，做个记录 jQuery.when(deferreds)参数deferreds，一个或多个延时对象或JS对象，我们初略的认为它就是一个或多个异步请求。例如：[javascript] view plain copy$.when($.ajax("page1.php"), $.ajax("page2.php")) when()函数常常...
$.when().done().then()的用法以及jQuery的deferred对象详解
xiangwang2016的博客
02-14 3760
讲解详细地址：$.when().done().then()的用法 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。 但是，在回调函数方面，jQue...
jQuery.deferred对象使用详解
11-23
当所有传入的deferred对象都达到resolved状态时，`.when()`返回的deferred对象也会变为resolved，触发其done回调；如果有一个或多个deferred变为rejected，`.when()`返回的deferred则变为rejected，触发fail回调。...
提高jquery性能方法.rar_jquery
09-20
9. **使用事件代理优化AJAX请求**：在处理大量异步请求时，使用`$.ajaxSetup()`配置全局设置，或使用`$.when().done()`处理并发请求。 10. **减小jQuery库的大小**：使用CDN服务加载jQuery，或者使用定制版本的...
jquery中$.when,$.then,$.done等的用法
qingzhizhenhun的博客
12-26 9279
在使用jquery调用Ajax函数时,往往会出现嵌套现象,这样代码写起来很混乱,比如以下情况: $.ajax({         url: "/home/GetProduct",         dataType: "JSON",         type: "GET",         success: function (data) {             $.ajax({
JQuery when() done() then()
dianwei4104的博客
11-22 261
jQuery.when(deferreds) 参数deferreds，一个或多个延时对象或JS对象，我们初略的认为它就是一个或多个异步请求。 例如：$.when($.ajax("page1.php"),$.ajax("page2.php")) when()函数常常和done()函数、fail()函数、then()函数联合使用： done(Function fun...
$.when().done().then()传递Deferreds数组
peterPan1993的博客
09-23 408
将值数组传递给任何函数，通常希望它们是单独的参数，请使用Function.prototype.apply因此，在这种情况下，您需要： $.when.apply($,my_array).then(___); 看见http://jsfiddle.net/YNGcm/21/ 在ES6中，可以使用...扩展算子相反： $.when(...my_array).then(___); ...
jquery when then(done) 用法举例
05-16 547
//运行条件jquery 1.82以上，直接运行代码，看结果 var log = function(msg){ window.console && console.log(msg) } function asyncThing1(){ var dfd = $.Deferred(); setTimeout(function(){ log('asyncThing1 seems...
$.when().done().then()的用法
gtm_198866的博客
09-16 910
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。 本文不是初级教程，针对的读者是那些已经具备...
jquery中的$when done then的用法
最新发布
09-22
jQuery 中的 `$.when`，`done` 和 `then` 是一组用于处理异步操作的方法。 `$.when` 方法用于等待一个或多个异步操作完成。它接受任意数量的参数，每个参数都是一个需要等待的异步操作对象。当所有异步操作都完成时，`$.when` 返回一个新的 Deferred 对象。 `done` 方法是 `Deferred` 对象的一个回调函数，它在 `$.when` 返回的新的 Deferred 对象解决时被调用。可以将一个或多个回调函数作为参数传递给 `done` 方法。这些回调函数将在异步操作完成时执行，并且可以在函数内部访问异步操作的结果。 `then` 方法是 `Deferred` 对象的另一个回调函数，它在 `done` 方法调用后执行。可以将一个或多个回调函数作为参数传递给 `then` 方法。这些回调函数将在 `done` 方法的回调函数执行后执行，并且也可以在函数内部访问异步操作的结果。 使用 `$.when`，`done` 和 `then` 方法的典型用例是处理多个异步操作的结果。我们可以在 `$.when` 中传入多个需要等待的异步操作对象，然后在 `done` 或 `then` 方法中分别处理每个异步操作的结果。这样可以确保当所有异步操作都完成时再执行后续的逻辑。 例如，我们可以使用以下代码处理两个异步操作的结果： ``` // 创建两个 Deferred 对象 var deferred1 = $.ajax({ url: 'url1', method: 'GET' }); var deferred2 = $.ajax({ url: 'url2', method: 'GET' }); // 等待两个异步操作完成 $.when(deferred1, deferred2).done(function(result1, result2) { // 处理异步操作的结果 console.log(result1); console.log(result2); }).then(function() { // 执行后续逻辑 console.log('All async operations completed.'); }); ``` 以上代码中，`deferred1` 和 `deferred2` 是两个异步操作对象，分别表示两个 AJAX 请求。我们使用 `$.when` 方法等待这两个异步操作完成，并在 `done` 方法中处理每个异步操作的结果。在 `then` 方法中可以执行其他的逻辑，如打印完成的消息。 总之，`$.when`，`done` 和 `then` 是 jQuery 提供的用于处理异步操作的方法，它们可以帮助我们更方便地管理和处理多个异步操作的结果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值