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

原文地址：https://www.cnblogs.com/jlfw/p/12629006.html