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