• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > Jquery ajax加载等待执行结束再继续执行下面代码操作

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

作者:空山疯雨 字体:[增加 减小] 来源:互联网

空山疯雨 通过本文主要向大家介绍了jquery_ajax加载等待, jquery_ajax等待等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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("上传生产数据异常!"); 
      } 
    }); 
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • jQuery实现Meizu魅族官方网站的导航菜单效果
  • 如何在MVC应用程序中使用Jquery
  • JQuery 引发两次$(document.ready)事件
  • 使用jQuery制作Web页面遮罩层插件的实例教程
  • jquery调整表格行tr上下顺序实例讲解
  • EasyUI Combobox设置默认值 获取text的方法
  • jquery validate和jquery form 插件组合实现验证表单后AJAX提交
  • Jquery删除css属性的简单方法
  • jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
  • jQuery Flash/MP3/Video多媒体插件

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jquery ajax请求方式与提示用户正在处理请稍等
    • jQuery实现的淡入淡出二级菜单效果代码
    • jQuery+Ajax实现图片的预览和上传
    • jQuery中Ajax的load方法详解
    • jQuery Selectors(选择器)的使用(七、子元素篇)
    • Jquery Ajax的Get方式时需要注意URL地方
    • jquery果冻抖动效果实现方法
    • 细说浏览器特性检测(2)-通用事件检测
    • JQuery勾选指定name的复选框集合并显示的方法
    • jquery的选择器的使用技巧之如何选择input框

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有