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的時候就顯示等待層，當提交的頁面載入完成以後就把層隱藏