如何给JQUERY+AJAX加上加载等待效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何给JQUERY+AJAX加上加载等待效果相关的知识,希望对你有一定的参考价值。

部分代码
<script>
function creattb()
//加载效果
$.ajax(

url:"data_creattb.php",
success:function(responseText) $.messager.alert('信息提示',responseText);dispalyLoad();,
error:function()$.messager.alert('错误提示','发生错误','error');
);
//dispalyLoad();



</script>

参考技术A $.ajax(
type: "POST",
url: "/index.php/ajsave/savebzj/user/loanv",
data: ajdata,
dataType:"json",
beforeSend:function()//这里是等待效果

$(".ajld").show();
,
success: function(data)

);本回答被提问者采纳

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+AJAX加上加载等待效果的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 页面加载等待特效,当数据加载完成效果消失的代码?

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

Query Ajax 异步加载显示等待效果

封装jquery的ajax,便于加载等待提示框

Ajax全局加载框(Loading效果)的配置

从Google CDN加载jQuery&jqueryui