您好,匿名用户
随意问技术百科期待您的加入

web页面中如何实现操作进度条?

0 投票

像软件安装那种进度条
jQuery有这类插件,但如何对应程序的执行进度?

用户头像 提问 2013年 9月18日 @ Heimerdinger 上等兵 (311 威望)
分享到:

1个回答

+1 投票
 
最佳答案

相关技术就是所谓的 ”Comet“ 或者 ”Server Push“,实现方式有 ”Streaming“ 和 ”Long Polling“,HTML5 下有 ”WebSocket / Server-Sent Eents”。

“Long Polling” 方式下,服务端可以提供一个 URL,然后浏览器通过 JS 访问该地址,保持连接开启直到有新的数据发送或者超时结束,然后浏览器再次发出一个请求。这里面会同时受到浏览器和服务器的限制,所以需要进行一定的适配。如果是 “XHR Streaming” 方式,则一般是服务器保持连接不断然后不停 flush 数据,浏览器依靠 readystate 的值来判断是否有新的数据,这在 IE 下有兼容性问题。Gmail 采用过一个叫做 “Hidden frame/iframe Streaming” 的技术,通过 iframe 接受 <script> 脚本,好处是可以跨域。

网上有很多相关资料,具体 Google 吧,下面列出一些我收集整理的资料。

  1. http://infrequently.org/2006/03/comet...
  2. http://infrequently.org/2006/02/what-...
  3. http://ajaxpatterns.org/HTTP_Streamin...
  4. http://www.subbu.org/blog/2006/04/dis...
  5. http://www.screenr.com/SNH
  6. http://www.webreference.com/programmi...
  7. http://www.webreference.com/programmi...
  8. http://www.zeitoun.net/articles/comet...
  9. http://wiki.secondlife.com/wiki/Rever...
  10. http://en.wikipedia.org/wiki/WebSocke...
  11. http://www.slideshare.net/PeterREgli/...
  12. http://www.josephj.com/entry.php?id=3...
  13. http://www.ibm.com/developerworks/cn/...
  14. http://blog.csdn.net/linbo6/article/d...

还有很多,就不一一列举了。我没法告诉你如何具体去做,每个业务需求也不同,但原理都是一样的。

用户头像 回复 2013年 9月18日 @ 阿尔托莉雅 下士 (587 威望)
选中 2013年 9月7日 @Heimerdinger
提一个问题:

相关问题

+3 投票
1 回复 85 阅读
用户头像 提问 2013年 5月18日 @ 正能量 上等兵 (297 威望)
+3 投票
1 回复 66 阅读
用户头像 提问 2012年 12月27日 @ Poppy 上等兵 (395 威望)
0 投票
1 回复 55 阅读
用户头像 提问 2012年 12月1日 @ Demeter 上等兵 (208 威望)
0 投票
1 回复 57 阅读
0 投票
0 回复 62 阅读
用户头像 提问 2012年 12月1日 @ Scorpio 上等兵 (220 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...