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 on()方法示例及jquery on()方法的优点
使用jquery on()方法绑定事件是官方推荐的一种方法,接下来跟着小编来学习jquery on()方法,小伙伴快来一起学习吧2015-08-08jQuery Easyui Treegrid实现显示checkbox功能
本文通过实例代码给大家介绍jQuery Easyui Treegrid实现显示checkbox功能的方法,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧2017-08-08JavaScript jQuery 中定义数组与操作及jquery数组操作
这篇文章主要介绍了JavaScript jQuery 中定义数组与操作及jquery数组操作的相关资料,需要的朋友可以参考下2015-12-12
最新评论