首页 > 编程 > JavaScript > 正文

Jquery ajax加载等待执行结束再继续执行下面代码操作

2019-11-20 11:10:43
字体:
来源:转载
供稿:网友

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("上传生产数据异常!");       }     }); 
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表