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的attr方法来修改onclick值

    使用jQuery的attr方法来修改onclick值

    这篇文章主要介绍了通过jQuery的attr修改onclick值的解决方法 ,需要的朋友可以参考下
    2014-07-07
  • jquery获取焦点和失去焦点事件代码

    jquery获取焦点和失去焦点事件代码

    鼠标在搜索框中点击的时候里面的文字就消失了,经常会用到搜索框的获得焦点和失去焦点的事件,接下来介绍一下具体代码,感兴趣的朋友额可以参考下
    2013-04-04
  • jquery插件autocomplete用法示例

    jquery插件autocomplete用法示例

    这篇文章主要介绍了jquery插件autocomplete用法,结合实例形式分析了jQuery插件autocomplete与后台交互实现搜索的自动完成功能实现技巧,需要的朋友可以参考下
    2016-07-07
  • jQuery中cookie插件用法实例分析

    jQuery中cookie插件用法实例分析

    这篇文章主要介绍了jQuery中cookie插件用法,结合完整实例形式分析了jQuery针对cookie操作的插件jquery.cookie.js相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】

    jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】

    这篇文章主要介绍了jQuery插件HighCharts绘制简单2D柱状图效果,结合完整实例形式分析了jQuery使用HighCharts插件绘制2D柱状图的实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jQuery设置图片等比例缩小的方法

    jQuery设置图片等比例缩小的方法

    这篇文章主要介绍了jQuery设置图片等比例缩小的方法,涉及jQuery针对页面元素属性动态判定与设置相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • jQuery + html + css 实现王者荣耀官网首页效果 附实例代码

    jQuery + html + css 实现王者荣耀官网首页效果&nb

    这篇文章主要介绍了jQuery + html + css 实现王者荣耀官网首页效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-02-02
  • Jquery同辈元素选中/未选中效果的实例代码

    Jquery同辈元素选中/未选中效果的实例代码

    这篇文章介绍了Jquery同辈元素选中/未选中效果的实例代码,有需要的朋友可以参考一下
    2013-08-08
  • jquery ajax属性async(同步异步)示例

    jquery ajax属性async(同步异步)示例

    在jquery的ajax中如果我们希望实现同步或者异步我们可以直接设置async发生为真或假即可true false,下面举几个jquery ajax同步和异步实例
    2013-11-11
  • jquery遍历checkbox介绍

    jquery遍历checkbox介绍

    这篇文章主要是对jquery遍历checkbox进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02

最新评论