jquery的$.when方法的运用

最新推荐文章于 2020-09-16 09:50:50 发布
最新推荐文章于 2020-09-16 09:50:50 发布
阅读量2.4k 收藏
点赞数
分类专栏： jquery 文章标签： jquery ajax 函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23377055/article/details/49895363
版权

运用$.when，应该说是缘分，在项目中遇到这样的需求，可能比较少见吧。

一次在项目中，遇到这样一种需求：一个页面有两份不同的数据需要运用两个ajax请求同时把它们刷到数据库中。当时一头雾水，jquery官方文档还没仔细看不太熟悉，如何完成这样的业务需求呢？这时就在大脑中搜索了几个关键词，输入到搜索引擎的输入框enter一下，得到了几条结果，无意中点开带有$.when关键词的词条，扫描几下，金光袭来，可以解决我的问题了。

于是，谨慎的我还是要到官方文档去查看究竟。$.when(ajax1,ajax2).done(successfunc,errorfunc)函数可以完成两个请求同时发送，如果其中一个失败，则errorfunc回调函数被调用，否则successfunc回调函数被调用。

经测试，该方法可以实现这种业务需求。我想，这种不太正常的需求应该比较少。欢迎大家拍砖指正！

千里孤狼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery使用deferreds串行多个ajax请求
11-24
本篇文章将深入探讨如何使用jQuery的`deferred`对象和`$.when()`函数来实现这一目标。 首先，我们来看一下给定的标题和描述中的主要知识点： 1. **jQuery**：这是一个广泛使用的JavaScript库，简化了DOM操作、事件...
使用$.when()解决AJAX异步难题之:多个ajax操作进行逻辑与(and)
热门推荐
aty
07-23 1万+
$.when()方法可以合并多个Promise得到一个新的Promise，相当于在原多个Promise之间建立了AND（逻辑与）的关系，如果所有组成Promise都已成功，则令合并后的Promise也成功，如果有任意一个组成Promise失败，则立即令合并后的Promise失败。
jquery的 异步加载$.when
dxj124的博客
09-20 1632
$.when()方法 //这里场景是，需要循环调用接口，拿到所有数据，进行处理 利用$.when的方法 InitTeamList: function(gameId) { var self = Schedules; var goUrl = ''; var teamArr = []; var arrTpm = []; ...
then和$.when在ajax中的使用
qq_38888512的博客
04-14 4202
then 在then中可以分别注册，成功，失败，进行中的函数。在Jq的链式调用then的时候，只有返回一个promise时，下一个then注册的回调函数才能使用回调结果，否则只会依次触发回调函数而没有回调结果。 案例： 不用then $.ajax({ url:'https://autumnfish.cn/api/hero/simple', type:'get'...
$.when().done().then()的用法
gtm_198866的博客
09-16 910
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。 本文不是初级教程，针对的读者是那些已经具备...
$.when 使用数组
peade的博客
09-22 1266
使用$.when的时候，有时候需要传入不确定数量的promise，这个时候，就无法使用官方文档里，将确定数量的promise放进$.when里，使用apply方法，就可以解决这个问题。下面有完整的例子 关键点：apply的运用与成功回调参数的获取 function gendef(){ let def=$.Deferred() setTimeout(function(){ ...
$.when()
rose999ying的博客
01-22 838
function aaa(){ var dfd = $.Deferred(); dfd.resolve(); return dfd; } function bbb(){ var dfd = $.Deferred(); dfd.reject(); //return dfd; } $.when( 123 , 456 ).done(function(){//这里的参数123,456...
jQuery中的deferred使用方法
10-20
当你需要为多个异步操作设置统一的回调时，可以使用`$.when()`方法。例如，处理两个AJAX请求： ```javascript $.when( $.ajax('test.html'), $.ajax('test2.html') ) .done(function(res1, res2) { console.log...
jquery中对于批量deferred的处理方法
10-26
批量处理多个`deferred`对象时，我们可以利用`$.when()`函数来实现并发或顺序执行，并在所有操作完成后执行回调。本文将深入探讨jQuery中的批量`deferred`处理方法。 首先，让我们了解`$.Deferred()`和`$.when()`的...
javascript异步处理与Jquery deferred对象用法总结
10-16
jQuery的`$.ajax`方法是实现异步请求的常用方式，但它的回调函数模式在处理复杂的异步流程时可能会变得难以管理。为了解决这个问题，jQuery引入了`$.Deferred`对象，它提供了一种更灵活的方式来组织和控制异步操作。...
jQuery+modernizr.js瀑布流图片预加载动画特效
06-10
- 使用`$.ajax()`或`$.getScript()`预加载图片资源，同时可能结合`$.Deferred()`和`$.when().done()`来管理异步操作，确保图片加载完成后再进行显示。 - 利用Modernizr的`Modernizr.featureDetects`检查浏览器特性，...
jquery中$.when,$.then,$.done等的用法
qingzhizhenhun的博客
12-26 9277
在使用jquery调用Ajax函数时,往往会出现嵌套现象,这样代码写起来很混乱,比如以下情况: $.ajax({         url: "/home/GetProduct",         dataType: "JSON",         type: "GET",         success: function (data) {             $.ajax({
关于$.when(),$.apply(),$.when.apply(),$.when.apply().then()的用法（项目总结）
时清云的博客
06-16 9195
项目中有这样的应用，以前基本上没有用到过$.when(), $.apply()这些方法，所以就自己百度了一下 $.when() jQuery.when() 方法 jQuery 杂项方法 实例 一个参数传递给 $.when() 被受理，执行回调函数 $(function () { $.when( { testing: 123 }
$.when().done().then()的用法以及jQuery的deferred对象详解
xiangwang2016的博客
02-14 3759
讲解详细地址：$.when().done().then()的用法 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。 但是，在回调函数方面，jQue...
jQuery的deferred对象详解
weixin_34261415的博客
04-26 780
jQuery的deferred对象详解 作者： 阮一峰 日期： 2011年8月16日 jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用a...
$.when(deferreds)
weixin_30765319的博客
07-26 80
作者：禅楼望月（ http://www.cnblogs.com/yaoyinglong ） 1 引子 上一篇博文中介绍的Deferred，它表示一个延迟对象。但是很多时候，我们需要在多个延迟对象（异步代码）都执行完后再去执行另一段代码，这种情况下，使用Deferred就行不通了，就需要使用这里的$.when。 [+]view code var wait1=$.Deferred(), wait...
$.when() 多个异步请求成功后再执行后续方法
bujiongdan的博客
09-08 3615
$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ) .done( function( a1, a2 ) { var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It" if ( /Whip It/.test( data ) ) { alert( "We ...
js $.when使用时的注意事项
m0_37948979的博客
02-15 2538
function getClsData(){ return ajax.post({ req:{ service: 'SELECTMCLSTREE' } }).done(function(data) { allTreeData= data[0]; ...
jquery $.data函数
最新发布
06-17
`$.data()` 函数是 jQuery 中用于存储和检索数据的方法，它可以将数据绑定到一个 DOM 元素上，并在需要时快速地检索它们。它的语法如下： ``` jQuery.data(element, key, value); ``` 其中： - `element`：必选，要存储数据的 DOM 元素。 - `key`：必选，要存储的数据的键值。 - `value`：可选，要存储的数据的值。 `$.data()` 函数可以用于存储任意类型的数据，包括 JavaScript 对象、数组、字符串等。当需要使用这些数据时，可以通过相同的键值来检索它们。 例如，我们可以在一个 `<div>` 元素上存储一个字符串数据，并在需要时检索它： ``` // 存储数据 var myDiv = $('#myDiv'); $.data(myDiv, 'myData', 'Hello, world!'); // 检索数据 var myData = $.data(myDiv, 'myData'); console.log(myData); // 输出：Hello, world! ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值