prototype.js 显示等待状态

本文介绍的是利用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的时候就显示等待层，当提交的页面加载完成以后就把层隐藏