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 相关文章推荐
中国地区三级联动下拉菜单效果分析
Nov 15 Javascript
jQuery判断iframe中元素是否存在的方法
May 11 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
javascript如何实现暂停功能
Nov 06 Javascript
jQuery+ajax读取并解析XML文件的方法
Sep 09 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
ES6入门教程之let和const命令详解
May 17 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
vue学习笔记之slot插槽用法实例分析
Feb 29 Javascript
express异步函数异常捕获示例详解
Nov 30 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中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
使用js对select动态添加和删除OPTION示例代码
2013/08/12 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python迭代器实例简析
2014/09/25 Python
Python实现求解括号匹配问题的方法
2018/04/17 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
.NET面试问题集
2015/12/08 面试题
个人简历自我评价
2014/01/06 职场文书
秋季红领巾广播稿
2014/01/27 职场文书
小学中秋节活动方案
2014/02/06 职场文书
勾股定理课后反思
2014/04/26 职场文书
校友回访母校寄语
2015/02/26 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
如何书写你的职业生涯规划书?
2019/06/27 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
Django实现聊天机器人
2021/05/31 Python