prototype.js 显示等待状态
时间:2010-08-19 来源:dodo-yufan
本文介绍的是利用prototype.js显示等待状态,如:“程序正在加载中。。。。”
下面是js代码:
function m_palyer(){
var p = $("inermeid");
var url='MyJsp.jsp';
var ajax=new Ajax.Request(
url,
{
method:'get',
onComplete:showResponse
});
var readyState = ajax.transport.readyState;
if(readyState !=4) {//prototype.js提交数据的时候有4中状态,readyState=4的时候是页面加载完成,如果不等于4的时候就显示下面的层
$("loading").style.display = "block";
}
}
function showResponse(req){
var readyState = req.readyState;
if(readyState==4){//加载完成,
if(req.status==200){
$("loading").style.display = "none"; //把等待页面设为none,即不显示
}
}
$("YouDivId").innerHTML=req.responseText;
}<div id="loading" style="display:none;border:#78A5CF 1px solid;background-color: red;" >
程序正在加载中。。。。
</div>文章很简单,就是利用Ajax提交的时候4种状态,如果readyState不为4的时候就显示等待层,当提交的页面加载完成以后就把