jquery提示【正在執行...】

有時候對數據庫的操作需要比較長的等待時間,但這種等待是必要的,也沒有性能的提升空間,

那麼這時候給用戶一個提示,讓用戶明白在做了操作之後,程序正在執行,而不是沒有沒有任何響應。

最近在做job定時任務的時候,由於調用pl/sql,每一個job包含多個存儲過程,

更新的數據又是百萬級甚至更高級別的,所以有一個較長的等待過程,所以給了一個簡單的提示:

js代碼如下:

[javascript] view plaincopy
  1. /* 
  2.  * 【手動同步】數據 
  3.  */  
  4. $('#btnJobs').click(function(){  
  5.     var job = $('#job').val();  
  6.     if(job.length==0){  
  7.         alert('請選擇同步數據類型!');  
  8.         return false;  
  9.     }  
  10.     var $start = $('#startSpan').ajaxStart(function(){  
  11.         $(this).html('正在執行...');  
  12.     });  
  13.     var url="../userJobs/synchroJobs.do";  
  14.     $.ajax({  
  15.         url:url,  
  16.         data:{job:job},  
  17.         success:function(){  
  18.             $start.show();  
  19.             alert("數據同步成功!");  
  20.         },  
  21.         complete:function(){  
  22.             //$start.css('display','none');  
  23.             $start.hide();  
  24.         }  
  25.     });  
  26. });  
當然id爲startSpan的span標籤可以根據自己的需要提前在頁面上合適的位置添加上去即可。

這樣便給用於一個簡單的【正在執行...】的提示,當程序執行完畢彈出【數據同步成功!】提示框,點擊確定之後那個頁面上的span元素便會隱藏起來。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章