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


Posted in Javascript onNovember 24, 2015

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("上传生产数据异常!"); 
      } 
    });
Javascript 相关文章推荐
JS Replace()的高级使用方法介绍
Jun 29 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
Jul 14 Javascript
简洁实用的BootStrap jQuery手风琴插件
Aug 31 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
JavaScript创建对象的常用方式总结
Aug 10 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 #Javascript
javascript实现加载xml文件的方法
Nov 24 #Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
Nov 24 #Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 #Javascript
jQuery实现带分组数据的Table表头排序实例分析
Nov 24 #Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 #Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 #Javascript
You might like
php mssql 日期出现中文字符的解决方法
2009/03/10 PHP
Symfony实现行为和模板中取得request参数的方法
2016/03/17 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
PHP开发实现微信退款功能示例
2017/11/25 PHP
PHP7基于curl实现的上传图片功能
2018/05/11 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
详解Node 定时器
2018/02/26 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
JS中的继承操作实例总结
2020/06/06 Javascript
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
用Python实现通过哈希算法检测图片重复的教程
2015/04/02 Python
详解Python中time()方法的使用的教程
2015/05/22 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
Python request使用方法及问题总结
2020/04/26 Python
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
借名购房协议书范本
2014/10/06 职场文书
委托培训协议书
2014/11/17 职场文书
2015年教研工作总结
2015/05/23 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
如何用Laravel包含你自己的帮助函数
2021/05/27 PHP
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python