如何等待所有异步的初始化条件全部加载完成后,再执行方法

如果是jQuery1.5以上,ajax类函数返回的是deferred对象,jQ有一个方法叫when:

$.when($.get(url1),$.get(url2),$.get(url3)).done(function(){/*code here*/});

如果3次get有先后顺序,可以用pipe:

$.get(url1).pipe($.get(url2)).pipe($.get(url3)).done(function(){/*code here*/});

1.8以上,pipe被弃用,改为then:

$.get(url1).then($.get(url2)).then($.get(url3)).done(function(){/*code here*/});

意义很明显,先get url1 然后get url2 然后 get url3,做完了再执行done的内容。

var a1 = $.ajax({url : ‘a‘ , data : {s : true}});

a1.done(function(result){

    //可以写它们各自的处理方法,并不冲突

});

var a2 = $.ajax({url : ‘a‘ , data : {s : true}});

var a3 = $.ajax({url : ‘a‘ , data : {s : true}});

$.when(a1 , a2 , a3).done(function(a1Result , a2Result , a3Result){

  //当三个ajax都完成时才会执行此方法

  //参数分别是三个ajax的返回值

});

时间: 2024-10-20 14:39:36

如何等待所有异步的初始化条件全部加载完成后,再执行方法的相关文章

sharepoint等脚本加载完后再执行对应的方法

ExecuteOrDelayUntilScriptLoaded(myFunction,"sp.js"); //SP.SOD.executeFunc('sp.js', 'SP.ClientContext', myFunction); function myFunction() { //逻辑代码 } 原文地址:https://www.cnblogs.com/learning-life/p/10489959.html

JS如何实现文档加载完成后再去执行代码

JS如何实现文档加载完成后再去执行代码:在执行某些操作的时候,需要当文档完全加载完成之后再去执行,否则可能出现意向不到的情况,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title&g

网页图片很多时,加载完后再加载图片(defer:延迟加载)

图片影响页面加载速度,可以先加载完页面,再去加载图片. defer:告诉浏览器,这里面的js代码不影响网页脚本解析,可以解析完html脚本再执行这段js代码(个人理解). 网页代码:<img src="grey.gif" data-original="img/53a1820f5866c.png"/> Js代码: <script defer="defer" type="text/javascript" >

net(c#)在循环语句中执行WebBrowser.Navigate();方法,每次循环等待网页加载完后继续执行的解决方案

https://blog.csdn.net/zhuzhu837_1/article/details/7794651 原文地址:https://www.cnblogs.com/lihuali/p/10509768.html

jQuery在HTML文档加载完毕后自动执行某个事件;

原来onchange=“fucntionname(parms)”: 1 <select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, 'selProvinces_{$sn}')" style="border:1px solid #ccc;"> 2 <option value="0">{

js中页面加载完成后执行的几种方式及执行顺序

在js和jquery使用中,经常使用到页面加载完成后执行某一方法.通过整理,大概是五种方式(其中有的只是书写方式不一样). 1:使用jQuery的$(function){}; 2:使用jquery的$(document).ready(function(){});前两者本质上没有区别,第1种是第2种的简写方式.两个是document加载完成后就执行方法. 3:使用jQuery的$(window).load(function(){}); 4:使用window.onload = function(){

JavaScript实现判断图片是否加载完成的3种方法整理

JavaScript实现判断图片是否加载完成的3种方法整理 有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果.本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明. onload方法 通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码.如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将

使用jQuery动态加载js脚本文件的方法

动态加载Javascript是一项非常强大且有用的技术.这方面的主题在网上已经讨论了不少,我也经常会在一些个人项目上使用RequireJS和Dojo加载js 它们很强大,但有时候也会得不偿失.如果你使用的是jQuery,它里面有一个内置的方法可以用来加载单个js文件.当你需要延迟加载一些js插件或其它类型的文件时,可以使用这个方法.下面就介绍一下如何使用它! 一.jQuery getScript()方法加载JavaScript jQuery内置了一个方法可以加载单一的js文件:当加载完成后你可以

window.onload在文档加载完成后执行

验证a .b两点疑惑: a.<script src="./main.js"></script>中的window.onload是在html全部加载完了才执行,还是其在html中所处位置之前的加载完就执行? b. <script src="./main.js"></script>中window.onload有和没有 的区别是什么? 结论: a. answer:在html全部加载完了才执行. b. answer:区别就是,w