HardBirch

JavaScript+Servlet实现进度条

时间:09-08-24 栏目:iOS移动应用开发技术 作者:张飞不张,文采横飞 评论:4 点击: 2,727 次

    为了给用户良好的体验,长时间的处理过程最起码应该添加进度条,显示处理的百分比或者剩余时间。

             本篇通过JavaScriptServlet模拟进度条,其实现原理是每间隔一小段时间就异步访问服务器获取处理进度,然后局部刷新页面,直到处理完毕为止。

 该进度条处理了各浏览器间差异,虽然在IE内核浏览器和非IE内核浏览器显示并不完全相同,但并不影响使用。

        该代码并非完全原创,原来在项目中应用进度条时从网上搜到了改代码的前身,好像一本ajax的书中也有类似的源代码。本篇中的代码是原代码的改进版。

        创建的web工程需要的jar文件包括:jstl.jarstandard.jarjavax.servlet.jar

           1.WebRoot下创建jsp页面progress.jsp,代码如下:        

         2.WebRoot/web/jslib下创建js文件progress.js,代码如下:        

         3.创建包com.zhangyg.progressbar.sevlet,编写ProgressBarServlet,代码如下:

        

         4.web.xml中配置servlet,代码如下:        

  5.进度条在非IE内核浏览器下显示样式:

  6.进度条在IE内核浏览器下显示样式:

  7.进度条源代码下载地址:

  http://download.csdn.net/source/1601393

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: JavaScript+Servlet实现进度条

JavaScript+Servlet实现进度条:目前有4 条留言

  1. 4楼
    hughelwolf:

    谢谢,写的非常详细 :)

    2009-09-29 10:26 [回复]
  2. 地板
    匿名用户:

    [e10]

    2010-06-06 09:25 [回复]
  3. 板凳
    匿名用户:

    [e10]

    2010-06-06 09:25 [回复]
  4. 沙发
    匿名用户:

    [e01]

    2010-06-06 09:25 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐