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

 更新时间:2015年11月24日 14:25:56   作者:空山疯雨  
这篇文章主要介绍了Jquery ajax加载等待执行结束再继续执行下面代码操作的相关资料,需要的朋友可以参考下

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("上传生产数据异常!"); 
      } 
    }); 

相关文章

  • jquery tabs的实现代码

    jquery tabs的实现代码

    晚上有插件可以实现"jquery tab",但有点复杂了,我想写个最简单的,来实现"jquery tab"。而事实上确实很简练
    2009-05-05
  • jQuery封装的屏幕居中提示信息代码

    jQuery封装的屏幕居中提示信息代码

    这篇文章主要介绍了jQuery封装的屏幕居中提示信息代码,可以很方便的集成到项目开发中使用,涉及jQuery针对页面元素的动态操作技巧,需要的朋友可以参考下
    2016-06-06
  • 基于jquery实现轮播特效

    基于jquery实现轮播特效

    这篇文章主要为大家详细介绍了基于jquery实现轮播特效的相关资料,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • Jquery Easyui进度条组件Progress使用详解(8)

    Jquery Easyui进度条组件Progress使用详解(8)

    这篇文章主要为大家详细介绍了Jquery Easyui进度条组件Progress的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • jquery.param()实现数组或对象的序列化方法

    jquery.param()实现数组或对象的序列化方法

    今天小编就为大家分享一篇jquery.param()实现数组或对象的序列化方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • 基于jquery插件制作左右按钮与标题文字图片切换效果

    基于jquery插件制作左右按钮与标题文字图片切换效果

    制作左右按钮与标题文字图片切换效果的方法有很多,在本文为大家介绍下使用jquery图片切换插件是如何实现的,感兴趣的朋友不要错过
    2013-11-11
  • 基于jquery tab切换(防止页面刷新)

    基于jquery tab切换(防止页面刷新)

    tab切换,是一个很常见的效果,今天在项目中遇到这样一个问题。就是切换后,页面刷新,又重新定位到第一个上了,很是郁闷
    2012-05-05
  • 一款基于jQuery的图片场景标注提示弹窗特效

    一款基于jQuery的图片场景标注提示弹窗特效

    这篇文章主要介绍了一款基于jQuery的图片场景标注提示弹窗特效,需要的朋友可以参考下
    2015-01-01
  • jqGrid表格应用之新增与删除数据附源码下载

    jqGrid表格应用之新增与删除数据附源码下载

    jqGrid可以结合fancybox等插件完成超酷的弹出层效果,通过与php后台交互,可以轻松完成数据的添加与详情查看,而这个过程完全是一个ajax异步通信过程,是一个非常友好的富客户端应用,本文给大家介绍jqGrid表格应用之新增与删除数据,需要的朋友参考下
    2015-12-12
  • jquery对dom的操作常用方法整理

    jquery对dom的操作常用方法整理

    jquery对dom的操作包括了对html内容的添加、删除元素/内容、操作CSS等等,本文整理了一些dom操作的常用方法,感兴趣的朋友可以参考下哈
    2013-06-06

最新评论