AJAX进度条实现代码资源-CSDN下载

164 浏览量 2020-12-10 00:45:44 上传评论收藏 43KB PDF 举报

资源推荐

资源详情

资源评论

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 = ‘gray’;//进度条的颜色

var span_id = “block”;

var clear = ” “;

function createXMLHttpRequest()//创建XMLHttpRequest对象

{

if(window.ActiveXObject)

{

xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);

}

else if(window.XMLHttpRequest)

{

xmlHttp = new XMLHttpRequest();

}

}

function go()

{

createXMLHttpRequest();//创建XMLHttpRequest对象

checkDiv();//显示滚动条

xmlHttp.onreadystatechange = callBack;//设置回调函数

var url = “/AjaxDemo/servlet/ProgressBarServlet?task=create”;//请求的地址

var button = document.getElementById(“go”);

button.disabled = true;//设置按钮不可用

xmlHttp.open(“get”,url,true);//打开对服务器的连接

xmlHttp.send();//发送请求

}

function callBack()

{

if(xmlHttp.readyState == 4)

{

if(xmlHttp.status == 200)

{

setTimeout(“pollServer()”,500);//定时调用

}

}

}

function pollServer()

{

createXMLHttpRequest();

var url=”/AjaxDemo/servlet/ProgressBarServlet?task=poll&key=”+key;

xmlHttp.onreadystatechange = pollCallBack;

xmlHttp.open(“GET”,url,true);

xmlHttp.send();

}

function pollCallBack()

{

if(xmlHttp.readyState == 4)

{

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38733733

粉丝: 6

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip