文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>prototype.js 显示等待状态

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

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载