一个网友的ajax进度条,出现错误的原因

ajax|错误

var xmldoc=false;

   var url="index.aspx"
   if(window.XMLHttpRequest)
    {
     xmldoc=new XMLHttpRequest();
     if (xmldoc.overrideMiMeType)
      {
       xmldoc.overrideMiMeType=('text/xml');
      }
    }
   else if(window.ActiveXObject)
    {
     xmldoc=new ActiveXObject("Microsoft.XMLHTTP");
     try{
                 xmldoc = new ActiveXObject("Msxml2.XMLHTTP.3.0");
            }
     catch (e)
      {
                 try{
                      xmldoc = new ActiveXObject("Microsoft.XMLHTTP");
                 }
        catch (e)
        {}
              }
    }
   if (!xmldoc)
    {
           alert('错误,放弃创建一个 XMLHTTP 实例!');
           xmldoc=false;
       }
   xmldoc.open("POST",url,true);
   xmldoc.onreadystatechange= complete;
   xmldoc.send(null); 

 function complete()
  {
  var doc= new document;
   if (xmldoc.readyState==0)
    {
     if (xmldoc.status==200)
      {
       var c=doc.getElementsByTagName("oLoadBar");
       c.style.width="1px";

      }
    }
   if (xmldoc.readyState==1)
    {
     if (xmldoc.status==200)
      {
       var c=doc.getElementsByTagName("oLoadBar");
       c.style.width="80px";

      }
    }
    if (xmldoc.readyState==2)
    {
     if (xmldoc.status==200)
      {
       var c=doc.getElementsByTagName("oLoadBar");
       c.style.width="160px";

      }
    }
    if (xmldoc.readyState==3)
    {
     if (xmldoc.status==200)
      {
       var c=doc.getElementsByTagName("oLoadBar");
       c.style.width="240px";

      }
    }
    if (xmldoc.readyState==4)
    {
     if (xmldoc.status==200)
      {
       var c=doc.getElementsByTagName("oLoadBar");
       c.style.width="300px"
       document.location.href="index.aspx"

      }
    }
  }
应该是这里错误,doc.getElementsByTagName("oLoadBar");
得到的是个集合
应该document.getElementById

时间: 2024-11-03 21:42:06

一个网友的ajax进度条,出现错误的原因的相关文章

javascript-Github上一个模仿YouTube顶端进度条的jQuery实例,无法在本地部署。

问题描述 Github上一个模仿YouTube顶端进度条的jQuery实例,无法在本地部署. Demo地址:http://www.thepetedesign.com/demos/youtube_loadingbar_demo.htmlGithub源码:https://github.com/peachananr/loading-bar 把他的源文件下载下来之后,按照说明上的用法,为什么没有效果? <html><head><script type=""text

Java:ajax进度条

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

基于Blod的ajax进度条下载实现示例代码

普通的浏览器下载 在web开发中,如果要实现下载功能,往往都是使用新开web页面或者是使用iframe的形式.实现起来其实很简单: <a target="_blank" href="download.zip" rel="external nofollow" >点击下载</a> //或者 <iframe style="display:none" src="download.zip"

PS教你绘制一个绚丽色彩的进度条

  新建个文档,我这里用的是800*800像素,填充黑色,并设置一个图层样式. 将"背景"图层转换为智能对象,执行"滤镜-杂色-添加杂色",设置数量为1,高斯分布,勾选单色. 执行"滤镜-滤镜库-画笔描边-阴影线",设置描边长度4,锐化程度10,强化1. 现在,我们就完成了背景的创建. 画一个620*45像素的圆角矩形. 为这个圆角矩形添加一个图层样式. 设置完图层样式,我们得到如下效果. 接下来,我们画一个白色的500*25像素的圆角矩形. 我

PS绘制一个金属质感的进度条

  最终效果: 新建文档,这里我们用的依旧是800*800像素,我们为背景图层添加一个图层样式. 设置完图层样式,我们得到如下效果: 下面,我们为背景图层添加一个杂色. 执行"滤镜-杂色-添加杂色",设置数量为"1%",高斯分布,勾选单色. 执行"滤镜-滤镜库-画笔描边-喷溅",设置喷色半径为6,平滑度为5 现在,我们完成了背景的创建,效果如下. 下面,我们开始进度条的绘制.用圆角矩形工具,画一个620*45像素的圆角矩形. 将其命名为"

AJAX 进度条实现代码_AJAX相关

效果如下: 复制代码 代码如下: <!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; var bar_color = '

AJAX 进度条实现代码

效果如下: 复制代码 代码如下: <!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; var bar_color = '

一个非常酷的进度条,实现简单。加入精华?

<html><head><style type="text/css">body {    background:    000000;    font:        MessageBox;    font:        Message-Box;}marquee {    border:        1px solid ButtonShadow;    background:    333333;    height:        12px; 

基于HTML5 Ajax文件上传进度条如何实现(jquery版本)_AJAX相关

在上篇文章给大家介绍了这篇文章里面的后台Servlet.所以这里只看前台的JS代码. 首先HTML5用AJAX提交数据先要学习一个HTML5新增加的对象:FormData FormData 对象可以使用append 方法进行 key - value的数据添加,与以前我们常用的json不同的就是可以异步上传二进制文件. 1.FormDate对象的创建 var formData = new FormData(); 2.向 FormDate 对象添加数据 formData.append("catnam