jQuery.when()的用法

1、该方法在jQuery1.5开始被引入。

2、用法测试

  a、var url1 = "/resource/ar/hometab/index_tab_games.json",
        url2 = "/resource/ar/hometab/index_tab_image.json",

    ajax1 = $.ajax(
            {
                url : url1
            }
        ),

     ajax2 = $.ajax(
            {
                url : url2
            }
        );

    $.when(ajax1, ajax2).done(function(){

     alert("done");

    }).fail(function(){
  
        alert("fail");
    
    });

  b、$.when($.ajax(
            {
                url : url1
            }
        ), $.ajax(
            {
                url : url2
            }
      )).done(function(){

    alert("done");

    }).fail(function(){

      alert("fail");

    });

3、测试结果:

  a和b两种方式发送请求都是同时请求,不会等待第一个请求返回之后再返回第二个

  使用$.when()的方式会等到两个请求都返回之后才触发回调函数

  只有当两个请求都成功返回时才会触发done回调

时间: 2024-11-08 20:19:39

jQuery.when()的用法的相关文章

jQuery的基本用法:

随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名 的有Prototype.YUI. jQuery.mootools.Bindows以及国内的JSVM框架等, jQuery是继prototype之后的又一个优秀的Javascript框架.它是由 John Resig 于 2006 年初创建 的,它有助于简化 JavaScript 以及Ajax 编程. 它具有如下一些特点: 1. 代码简练.语义易懂.学习快速.文档丰富. 2. jQuery是一个轻量

jQuery $.post $.ajax用法

jQuery $.post $.ajax用法 jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示. callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法). type (Stri

MVC4 jquery 样式 主题 用法(案例)

MVC4已经自带了jquery,新建的项目,基本上什么都不用添加就可以运行,跑项目.(集成了那么多东西,jquery,modernizr,自带的默认权限,生成的模板,但是缺没有一个统一的文档或者什么去介绍已经集成的东西,怎么个用法 各种百科) 第一步: [项目]-[管理NuGet程序包] 点击更新 输入jquery ui 然后更新jquery ui插件到最新版本 第二步: 在项目中 [view]-[Shared]-[_Layout.cshtml] 公共界面 统一引用 方便以后修改. @Scrip

jQuery Template的用法

Javascript代码中不要包含HTML: var div = document.getElementById("my-div"); div.innerHTML = "<h3>Error</h3><p>Invalid e-mail address.</p>"; 在Javascript代码中完全隔绝HTML很难,这一点可以根据实际情况来权衡使用.Javascript 模版技术就是一种有效隔离HTML和Javascrip

jquery中cookie用法实例详解(获取,存储,删除等)

这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cookie的获取,存储,删除等操作,并附带了Jquery操作Cookie记录用户查询过信息实现方法,需要的朋友可以参考下 本文实例讲述了jquery中cookie用法.分享给大家供大家参考,具体如下: cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法. 使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现co

jQuery trigger one用法

jQuery trigger one用法: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName()

jQuery is()函数用法3例

这篇文章主要介绍了jQuery is()函数用法3例,jQuery的is()函数其实是非常有用的,能不能用好直接决定你的代码是否高效,需要的朋友可以参考下. jQuery提供了is()方法可以很方便的判断元素是否可见,是否隐藏,是否选中. 一.判断元素是否隐藏 如下html中的div元素是隐藏的: 代码如下: <!doctype html> <html> <head> <script src="http://ajax.microsoft.com/ajax

jquery stop( ) 的用法 (转)

目的:为了 了解stop()的用法,举个例子,直观的方式看看. 实物:一个id="animater"的div包含了一段文字.(以下用animator表示实物) 动画最终的完整效果: animater向右移动800px(这个完整的过程是动画1),然后,字体逐渐变大(这个完整的过程是动画2),然后,透明度逐渐降低到0(这个完整的过程是动画3),然后透明度逐渐恢复到1(这个完整的过程是动画4),然后字体大小变为16px同时移动到距离左边界200px的位置(这个完整的过程是动画5). 操作:点

JQuery EasyUI window 用法

JQuery代码 var $win; $win = $('#test-window').window({ title: '添加课程设置信息', width: 820, height: 450, top: ($(window).height() - 820) * 0.5, left: ($(window).width() - 450) * 0.5, shadow: true, modal: true, iconCls: 'icon-add', closed: true, minimizable:

jquery .stop()的用法

jquery的.stop()的用法: 目的:为了 了解stop()的用法,举个例子,直观的方式看看. 实物:一个id="animater"的div包含了一段文字.(以下用animator表示实物) 动画最终的完整效果: animater向右移动800px(这个完整的过程是动画1),然后,字体逐渐变大(这个完整的过程是动画2),然后,透明度逐渐降低到0(这个完整的过程是动画3),然后透明度逐渐恢复到1(这个完整的过程是动画4),然后字体大小变为 16px同时移动到距离左边界200px的位