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("上传生产数据异常！");

}

});

以上就是本文章的内容，希望对大家有所帮助。