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

来源:互联网 发布:手机淘宝分销平台官网 编辑:程序博客网 时间:2024/05/02 18:48

有时候对数据库的操作需要比较长的等待时间,但这种等待是必要的,也没有性能的提升空间,

那么这时候给用户一个提示,让用户明白在做了操作之后,程序正在执行,而不是没有没有任何响应。

最近在做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元素便会隐藏起来。

0 0
原创粉丝点击