首页 > 开发 > AJAX > 正文

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

2024-09-01 08:33:04
字体:
来源:转载
供稿:网友

这篇文章主要介绍了Jquery ajax加载等待执行结束再继续执行下面代码操作的相关资料,需要的朋友可以参考下

Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将 jquery ajax 函数的 async 参数设置为 false 即可,该参数默认为 true:

 

 
  1. $(document).ready(function(){  
  2. loadphpernote();  
  3. window.open('http://www.phpernote.com');  
  4. });  
  5. function loadphpernote(){  
  6. var url='http://www.phpernote.com/ajax.php';  
  7. var data='action=list';  
  8. jQuery.ajax({  
  9. type:'post',  
  10. url:url,  
  11. data:para,  
  12. async:false,//false代表只有在等待ajax执行完毕后才执行window.open('http://www.phpernote.com')语句  
  13. success:function (msg){  
  14. $('#articleList').html(msg);  
  15. }  
  16. });  

下面给大家介绍jquery 加载等待效果

 

 
  1. var dates = this.options.form.getWidgetByName("dates").getValue();  
  2. $.ajax({  
  3. url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do",  
  4. data:dates,  
  5. beforeSend:function() {  
  6. var h = document.body.clientHeight;  
  7. $("<div class=/"datagrid-mask/"></div>").css({display:"block",width:"100%",height:h}).appendTo("body");  
  8. $("<div class=/"datagrid-mask-msg/"></div>").html("正在上传生产数据,请稍候。。。").appendTo("body").css({display:"block",  
  9. left:($(document.body).outerWidth(true) - 190) / 2,  
  10. top:(h - 45) / 2});  
  11. },  
  12. complete:function(data) {  
  13. $('.datagrid-mask-msg').remove();  
  14. $('.datagrid-mask').remove();  
  15. },  
  16. success: function(data) {  
  17. alert("生产数据:"+data);  
  18. },  
  19. error: function(data) {  
  20. alert("上传生产数据异常!");  
  21. }  
  22. }); 


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表