52,782
社区成员
发帖
与我相关
我的任务
分享加上Ajax代码，页面无法正常显示进度条，急！！！
在页面上不加Ajax代码，页面可以正常显示进度条的效果，但是在页面上加了Ajax代码后，页面就无法正常显示进度条的滚动效果，而且页面也无法跳转到WebMain.aspx页面上，请各位朋友看看不是Ajax代码写得有问题，十分感谢！
代码如下：
<html>
<script language="javascript" type="text/javascript">
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
function callServer() {
var url = "WebMain.aspx";
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);
}
function updatePage() {
if (xmlHttp.readyState < 4) {
// me.innerHTML="验证中...";
alert(xmlHttp.readyState)
var myCount=1;
function count()
{
if(myCount>=101)
{
window.location.href="WebMain.aspx";
//me.innerHTML="下载成功！";
return;
}
oTdProgress.width = myCount + "%";
spanProgress.innerHTML = "<b>" + myCount + "%</b>";
myCount++;
setTimeout("count(myCount)",100);
}
}
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
if (response=='ok'){
window.location.href="WebMain.aspx";
}
else{
me.innerHTML=response;
}
}
}
</script>
</head>
<body onLoad="callServer();">
<DIV id="divLoad" name="divLoad">
<TABLE width="100%" height="100%" cellspacing=0>
<TR bgcolor="#DFDFDF">
<TD align="center" valign="center">
<TABLE border=1 width="50%" height="20px" CELLPADDING=0 CELLSPACING=0 STYLE="background-color:white" borderColorLight=#0000cd borderColorDark=#0000cd>
<TR><div id="me">正在下载数据，请稍后…… </div>
<TD ID=oTdProgress WIDTH="1%" STYLE="background-color:#4169e1;border-style: double" align="center"><SPAN id="spanProgress"></TD>
<TD ID=oTdFiller></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</body>
</html>
代码如下：
<html>
<script language="javascript" type="text/javascript">
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
function callServer() {
var url = "WebMain.aspx";
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);
}
function updatePage() {
if (xmlHttp.readyState < 4) {
// me.innerHTML="验证中...";
alert(xmlHttp.readyState)
var myCount=1;
function count()
{
if(myCount>=101)
{
window.location.href="WebMain.aspx";
//me.innerHTML="下载成功！";
return;
}
oTdProgress.width = myCount + "%";
spanProgress.innerHTML = "<b>" + myCount + "%</b>";
myCount++;
setTimeout("count(myCount)",100);
}
}
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
if (response=='ok'){
window.location.href="WebMain.aspx";
}
else{
me.innerHTML=response;
}
}
}
</script>
</head>
<body onLoad="callServer();">
<DIV id="divLoad" name="divLoad">
<TABLE width="100%" height="100%" cellspacing=0>
<TR bgcolor="#DFDFDF">
<TD align="center" valign="center">
<TABLE border=1 width="50%" height="20px" CELLPADDING=0 CELLSPACING=0 STYLE="background-color:white" borderColorLight=#0000cd borderColorDark=#0000cd>
<TR><div id="me">正在下载数据，请稍后…… </div>
<TD ID=oTdProgress WIDTH="1%" STYLE="background-color:#4169e1;border-style: double" align="center"><SPAN id="spanProgress"></TD>
<TD ID=oTdFiller></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</body>
</html>
...全文
请发表友善的回复…
发表回复
