JS+WCF实现进度条实时监测数据加载量的方法详解-创新互联

本文实例讲述了JS+WCF实现进度条实时监测数据加载量的方法。分享给大家供大家参考，具体如下：

背景

由于项目中需要导入大量数据到memcache中

需要用WCF调取11万条数据，由于那边多级联查和排序，所以比较慢（1分钟左右）

同时这边需要对数据进行处理，合并成2万条数据，然后存储，需要一定时间（也是1分钟左右）

总之，完成这个数据导入一共需要1分30秒左右

这时候，需要一个进度条来实时监测完成的数据量

（之前用的是一个动态图，不能知道程序目前的完成量，甚至不知道它是不是卡住了，只能等着）

功能

1.开辟线程，用于加载数据，处理数据
2.前台实时读取后台数据，并显示

代码

view-html

@* 数据准备进度条 *@
  

    

      
数据准备
    
    
    

      

        完成量3%
      
    
    
    

      
数据准备完成！
    
  

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。