ajax+php打造进度条 readyState各状态_php技巧
程序员文章站
2022-04-05 23:48:17
...
用Ajax+php打造进度条,其实很简单。
readyState == 状态(0,1,2,3,4)
0:请求未初始化,还没调用open
1:请求已经建立,但还没有发送,还没调用send
2:请求已发送,并且正在处理
3:请求正在处理,通常响应中已有部分数据可调用
4:完毕
var xmlHttp;
function create()
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();//非IE浏览器
}
}
function Request(url)
{
xmlHttp.open("GET","for.php?id="+url,true);//true是异步传输
xmlHttp.onreadystatechange = ip985;//响应函数
xmlHttp.send(null);
}
function ip985()
{
if(xmlHttp.readyState==1)
{
document.getElementById('IP985').innerHTML = "请求已建立,准备发送……"; //IP985标志位
}
if(xmlHttp.readyState==4)
{
var v = xmlHttp.responseText;//获取内容
document.getElementById('ip985').innerHTML = v;//目标网页内容
}
}
readyState == 状态(0,1,2,3,4)
0:请求未初始化,还没调用open
1:请求已经建立,但还没有发送,还没调用send
2:请求已发送,并且正在处理
3:请求正在处理,通常响应中已有部分数据可调用
4:完毕
复制代码 代码如下:
var xmlHttp;
function create()
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();//非IE浏览器
}
}
function Request(url)
{
xmlHttp.open("GET","for.php?id="+url,true);//true是异步传输
xmlHttp.onreadystatechange = ip985;//响应函数
xmlHttp.send(null);
}
function ip985()
{
if(xmlHttp.readyState==1)
{
document.getElementById('IP985').innerHTML = "请求已建立,准备发送……"; //IP985标志位
}
if(xmlHttp.readyState==4)
{
var v = xmlHttp.responseText;//获取内容
document.getElementById('ip985').innerHTML = v;//目标网页内容
}
}
推荐阅读
-
ajax+php打造进度条代码[readyState各状态说明]
-
ajax+php打造进度条 readyState各状态
-
ajax+php打造进度条代码[readyState各状态说明]
-
ajax+php打造进度条 readyState各状态
-
ajax+php打造进度条 readyState各状态_php技巧
-
ajax+php打造进度条 readyState各状态_PHP教程
-
ajax+php打造进度条 readyState各状态_PHP
-
ajax+php打造进度条代码[readyState各状态说明]_php技巧
-
ajax+php打造进度条 readyState各状态_PHP
-
ajax+php打造进度条代码[readyState各状态说明]_php技巧