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 在firebug调试时用console.log的方法
May 10 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
Jul 04 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
Jun 07 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
vue 项目 iOS WKWebView 加载
Apr 17 Javascript
vue中格式化时间过滤器代码实例
Apr 17 Javascript
javascript实现留言板功能
Feb 08 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
Oct 20 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
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
浅谈discuz密码加密的方式
2014/05/22 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
Javascript 跨域访问解决方案
2009/02/14 Javascript
js url传值中文乱码之解决之道
2009/11/20 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
js分页代码分享
2014/04/28 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
用JavaScript实现使用鼠标画线的示例代码
2014/08/19 Javascript
node.js中的http.response.addTrailers方法使用说明
2014/12/14 Javascript
js原生跨域_用script标签的简单实现
2016/09/24 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
jquery结合html实现中英文页面切换
2016/11/29 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
Sanic框架流式传输操作示例
2018/07/18 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
大学生自我鉴定范文
2013/12/28 职场文书
护士毕业实习感言
2014/03/05 职场文书
服装采购员岗位职责
2014/03/15 职场文书
《大禹治水》教学反思
2014/04/27 职场文书
童年读书笔记
2015/06/26 职场文书