Ajax请求前显示的等待图标

1, 引入相应的js  

2, 在相应的ajax前填写下面的代码

    

	$(document).ajaxStart(function(){  
        $.blockUI({  
               message: $('#loading'),  
               css: {  
                   top:  ($(window).height() - 400) /2 + 'px',  
                   left: ($(window).width() - 400) /2 + 'px',  
                   width: '400px',  
                   border: 'none'  
               },  
           overlayCSS: { backgroundColor: '#fff' }   
           });  
   }).ajaxStop($.unblockUI); 

3, 在body中添加下面代码

   

<div style="display: none" id="loading"><img src="${basePath}/dataSelect/js-css-img/img/wait.gif" alt="loading"/></div> 
选择自己喜欢的等待图片放到相应位置