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 相关文章推荐
javascript 正则替换 replace(regExp, function)用法
May 22 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 Javascript
js计算精度问题小结
Apr 22 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
JavaScript编程中的Promise使用大全
Jul 28 Javascript
Jquery全选与反选点击执行一次的解决方案
Aug 14 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
javascript数组去重方法总结(推荐)
Mar 20 Javascript
vue中格式化时间过滤器代码实例
Apr 17 Javascript
vue cli3适配所有端方案的实现
Apr 13 Javascript
详解Vue Cli浏览器兼容性实践
Jun 08 Javascript
谈谈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 写文本日志实现代码
2010/05/18 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
ext监听事件方法[初级篇]
2008/04/27 Javascript
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
js下写一个事件队列操作函数
2010/07/19 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
js判断游览器类型及版本号的代码
2014/05/11 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
JavaScript中的Math.E属性使用详解
2015/06/12 Javascript
javascript中传统事件与现代事件
2015/06/23 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
js实现上一页下一页的效果【附代码】
2016/03/10 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
mac上配置Android环境变量的方法
2018/07/08 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
python搭建虚拟环境的步骤详解
2016/09/27 Python
python 编码规范整理
2018/05/05 Python
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
使用python 3实现发送邮件功能
2018/06/15 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
会计学应届毕业生推荐信
2013/11/04 职场文书
室内设计专业个人的自我评价
2013/12/18 职场文书
创业计划书中包含的9个方面
2013/12/26 职场文书
家长写给老师的建议书
2014/03/13 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
死亡诗社观后感
2015/06/05 职场文书
老人与海读书笔记
2015/06/26 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏