jquery ajax load mask

起床已经10点了，烧了烧水、吃了点年糕、洗了洗；没多少时间，就做个ajax load mask吧，呵呵！

反正用了jquery ui了 再使用第三方的load mask反而增加了下载的js、css文件数量，所以自己写一个，可以用 ok！ 

html页面加入下面部分： 

 <div title="操作进行中" id="dlgAJAXMask"><div id="pbAJAXMask"></div></div>

 

接下来是js代码：

 1         function fnPbAJAXMaskProcess(){

 2             var pbValue = parseInt($("#pbAJAXMask").progressbar( "option", "value" ));

 3             pbValue = (pbValue + 25)%100;

 4             $("#pbAJAXMask").progressbar("option", "value", pbValue);

 5         }

 6         

 7         $(function () {

 8             var $dlgAJAXMask = $("#dlgAJAXMask").dialog({ autoOpen: false, modal: true });

 9             var $pbAJAXMask = $("#pbAJAXMask").progressbar({

                 value: 25

             });

             var pbAJAXTimer;

             $.ajaxSetup({

                 cache:false,//放置ajax的get请求IE缓存

                 beforeSend:function(){

                     pbAJAXTimer = setInterval("fnPbAJAXMaskProcess()","250");

                     $dlgAJAXMask.dialog("open");

                     return true;//jquery doc - Returning false in the beforeSend function will cancel the request. 

                 },

                 complete:function(){

                     $dlgAJAXMask.dialog("close");

                     console.log(pbAJAXTimer);

                     clearInterval(pbAJAXTimer);

                 }

             });

         });