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函数获取事件源的小例子
May 14 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
javascript实现uploadify上传格式以及个数限制
Nov 23 Javascript
详解能在多种前端框架下使用的表格控件
Jan 11 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 Javascript
ionic3 懒加载
Aug 16 Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 Javascript
微信小程序登录session的使用
Mar 17 Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 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屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2011/06/27 Javascript
yepnope.js 异步加载资源文件
2011/09/08 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
js实现交换运动效果的方法
2015/04/10 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
2017/11/14 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
JQuery绑定事件四种实现方法解析
2020/12/02 jQuery
Python中__call__用法实例
2014/08/29 Python
Python抓取京东图书评论数据
2014/08/31 Python
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
Python冲顶大会 快来答题!
2018/01/17 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
基于python实现坦克大战游戏
2020/10/27 Python
Python根据URL地址下载文件并保存至对应目录的实现
2020/11/15 Python
ASP.NET Core中的配置详解
2021/02/05 Python
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
LEGO玩具英国官方商店:LEGO Shop GB
2018/03/27 全球购物
荷兰时尚精品店:Labels Fashion
2020/03/22 全球购物
企业面试题试卷附带答案
2015/12/20 面试题
西式婚礼主持词
2014/03/13 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
合同意向书范本
2014/07/30 职场文书
迟到检讨书范文
2015/01/27 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸