在最近的一个项目中,有一个上传功能:上传一个cvs文件,然后解析此文件并写入数据库r
由于经常需要传很大的文件,客户完成此功能往往需要40分钟,在这个过程中,页面也没有任何提示,用户体验非常不好?r
为何不用ajax作一个进度条呢?r
分两步完成此需求:r
一:写一个简单的ajax,实现最简单的进度条功能。r
二:把此进度条改造为项目可用的进度条。r
r
一:最简单的进度条r
1。客户端每2秒发送一个createXMLHttpRequest请求给服务端并得到服务端返回的进度数据根据服务端返回的数据用Javascript更新一个table的widthr
这样就模拟了一个进度条r
progressBarhtml内容如下:r
r
DOCTYPEHTMLPUBLIC