Welcome 微信登录

首页 / 脚本样式 / JavaScript / Jquery ajax加载等待执行结束再继续执行下面代码操作

Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将 jquery ajax 函数的 async 参数设置为 false 即可,该参数默认为 true:
$(document).ready(function(){ loadphpernote(); window.open("http://www.phpernote.com"); }); function loadphpernote(){ var url="http://www.phpernote.com/ajax.php"; var data="action=list"; jQuery.ajax({ type:"post", url:url, data:para, async:false,//false代表只有在等待ajax执行完毕后才执行window.open("http://www.phpernote.com")语句 success:function (msg){ $("#articleList").html(msg); } }); } 
  下面给大家介绍jquery 加载等待效果
 var dates = this.options.form.getWidgetByName("dates").getValue();$.ajax({url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do",data:dates, beforeSend:function() {var h = document.body.clientHeight; $("<div class="datagrid-mask"></div>").css({display:"block",width:"100%",height:h}).appendTo("body"); $("<div class="datagrid-mask-msg"></div>").html("正在上传生产数据,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:(h - 45) / 2}); }, complete:function(data) {$(".datagrid-mask-msg").remove(); $(".datagrid-mask").remove(); }, success: function(data) { alert("生产数据:"+data); }, error: function(data) {alert("上传生产数据异常!"); } });