prototype.js 显示等待状态 dodo

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

原文地址:https://www.cnblogs.com/zgqys1980/p/1803802.html