码迷,mamicode.com
首页 > Web开发 > 详细

关于Jquery当处理大批量数据显示正在处理

时间:2020-06-15 15:36:15      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:包含   list   一个   数据显示   体验   mil   ajax   center   control   

关于操作大批量数据界面显示

一、扩展类库

  关于jquery.extend.min.js已经上传到我的文件中了 里面包含了一些关于Jquery的扩展方法,其中包含一个关于处理大批量数据时,页面卡顿的处理。

当处理大批量数据时,例如批量删除,一口气删除200行时,会发现页面卡顿不动,这样会影响用户体验效果,为了避免这样的事情,我们可以使用这个类库中的$.loading("正在处理中请稍后...")这个方法来解决

当处理完成后在回调函数里面调用$.loaded();来关闭这个显示;

示例代码如下:

 

 1 function deleteStations(){
 2     $.loading("正在处理请稍后...");
 3 
 4     var row = $("#view").datagrid("getSelections");
 5      
 6     for(var i=0;i<row.length;i++)
 7 
 8     {
 9         stationIdList[i]=row[i].id;
10     }    
11     
12   $.ajax({
13         url :"../stationController/deleteStations",
14         data :{
15             stationIdList: ‘‘+stationIdList
16         },
17         type : ‘POST‘,
18         success : function(result) {
19             $.loaded();
20             if(result){
21                 //成功
22                 $("#delete_success").dialog(‘open‘);
23                 $(‘#view‘).datagrid(‘reload‘);  
24             }
25         }
26 
27     });  
28 }

 

关于Jquery当处理大批量数据显示正在处理

标签:包含   list   一个   数据显示   体验   mil   ajax   center   control   

原文地址:https://www.cnblogs.com/zwxbky/p/13131045.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!