AJAX异步请求增加Loading

来源：互联网发布：全国计算机二级vb题型编辑：程序博客网时间：2024/05/17 08:55

AJAX异步请求增加Loading gif

1.准备好使用的gif图片

2.在jsp页面中添加css样式

<style>  .loadingWrap{      position:fixed;      top:0;      left:0;      width:100%;      height:100%;      z-index:300;      background-image:url(${ctx}/webapp/img/loading.gif);      background-repeat:no-repeat;      background-position:center center;      background-color:#000;      background-color:rgba(0,0,0,0.5);      filter:alpha(opacity=50);  }  </style>

3.在AJAX中进行调用

function downloadTaskPackageRel(projectId){  $.ajax({url : ctx + '/exportTaskPackageRel.do',type : 'POST',dataType : 'json',data : {projectId:projectId,},success : function(data) {//alert(data.msg);$("#msg").val(data.msg);downLoadExportFile(data.fileName);},error : function() {},beforeSend: function(){                <span style="color:#ff6666;">$('<div class="loadingWrap"></div>').appendTo("body");</span>        },           complete: function(){               <span style="color:#ff6666;"> $(".loadingWrap").remove();</span>        }  });}

0 0