ajax进度条
日期：2007年6月2日 作者： 查看:[大字体 中字体 小字体]-
在最近的一个项目中，有一个上传功能：上传一个cvs文件，然后解析此文件并写入数据库
由于经常需要传很大的文件，客户完成此功能往往需要40分钟，在这个过程中，页面也没有任何提示，用户体验非常不好？
为何不用Ajax作一个进度条呢？
分两步完成此需求：
一：写一个简单的ajax，实现最简单的进度条功能。
二：把此进度条改造为项目可用的进度条。一：最简单的进度条
1。客户端每2秒发送一个createXMLHttpRequest请求给服务端.并得到服务端返回的进度数据.根据服务端返回的数据,用javascript更新一个table的width,
这样就模拟了一个进度条.
progressBar.html.内容如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ajax Progress Bar</title>
<script type="text/Javascript">...
var xmlHttp;
var key;
function createXMLHttpRequest() ...{
if (window.ActiveXObject) ...{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) ...{
xmlHttp = new XMLHttpRequest();
}
}function go() ...{
createXMLHttpRequest();
clearBar(); - [1] [2] [3] [4] [5] [6] [7] 下一页
-
- ajax进度条 相关文章：
- ajax进度条 相关软件
- 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com
上一篇:XML 问题: 超越DOM(轻松使用 DOM 的技巧和诀窍)
精品推荐
热点TOP10
- ·基于css样式绑定的样式驱动式AJAX程序开发（.net实现）
- ·JavaScript仿Windows关机效果
- ·JS代码的格式化和压缩
- ·Ajax实现无刷新树
- ·对联广告JS代码效果大全
- ·Ajax标签导航效果
- ·一个以Javascript+xml的树型列表
- ·网页对联广告代码效果大全
- ·网页特效之HTML中树的实现方法
- ·使用 JavaScript 创建 FrontPage 下拉菜单
- ·兼容低版本 IE 的 JScript 5.5 实现
- ·asp简单的ajax留言板(采用三层模式)
- ·Js之软键盘实现(源码)
- ·经典的五角星菜单
- ·javascript版的日期输入控件
- ·收集整理些有用的JAVASCRIPT小知识
- ·一些很实用且必用的小脚本代码
- ·邮箱登录代码
- ·JavaScript方法和技巧大全
- ·一個Ajax.NET的查詢實例