Jquery ajax加载等待执行结束再继续执行下面代码操作
Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将jqueryajax函数的async参数设置为false即可,该参数默认为true:
$(document).ready(function(){
loadphpernote();
window.open('http://www.phpernote.com');
});
functionloadphpernote(){
varurl='http://www.phpernote.com/ajax.php';
vardata='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加载等待效果
vardates=this.options.form.getWidgetByName("dates").getValue();
$.ajax({
url:"http://127.0.0.1:9009/Brilliantzz/service/snproduct.do",
data:dates,
beforeSend:function(){
varh=document.body.clientHeight;
$("<divclass=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:h}).appendTo("body");
$("<divclass=\"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("上传生产数据异常!");
}
});热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短