zoukankan      html  css  js  c++  java
  • .net 页面等待效果的实现 dodo

    1.使用ajax :页面在展现的时候page_load中不做别的运算 就是提示浏览者“请等待。。。”可以输出图片,滚动条等等。

                        页面呈现后再使用ajax调用ashx一般处理程序,进行复杂耗时的计算。

                         view plaincopy to clipboardprint?
    <mce:script type="text/javascript"><!--  
           var dataAyyay = new Array()  
           $("input:hidden").each(function(){dataAyyay.push(this.name+"="+this.value);});     
           var dataString=dataAyyay.join("&");  
           $.ajax({  
           type:"GET",  
           data: dataString,  
           url: "A.ashx",  
           success: function(msg){  
           document.write(msg);   
           document.close();  
           }  
            });  
              
    // --></mce:script> 
    <mce:script type="text/javascript"><!--
           var dataAyyay = new Array()
           $("input:hidden").each(function(){dataAyyay.push(this.name+"="+this.value);});  
           var dataString=dataAyyay.join("&");
           $.ajax({
           type:"GET",
           data: dataString,
           url: "A.ashx",
           success: function(msg){
           document.write(msg);
           document.close();
           }
            });
           
    // --></mce:script>

    2.使用中转页面做跳转:再打开逻辑页面前,先跳转到一个中转页面,提示用户等待,然后再使用js跳转到真正做处理的页面

    view plaincopy to clipboardprint?
    <body> 
        <div> 
            请等待。。。  
        </div> 
        <mce:script type="text/javascript"><!--  
            window.setTimeout("window.location.href='A.aspx'",10);  
          
    // --></mce:script> 
    </body> 
    <body>
        <div>
            请等待。。。
        </div>
        <mce:script type="text/javascript"><!--
            window.setTimeout("window.location.href='A.aspx'",10);
       
    // --></mce:script>
    </body>
     

    原理:页面在跳转到服务器的时候,浏览器的内容不变,服务器返回后会重新加载页面

    本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/unling/archive/2009/12/23/5062351.aspx

  • 相关阅读:
    用户使用情况报告
    项目验收与总结
    Beta阶段冲刺-6
    Beta阶段冲刺-5
    Beta阶段冲刺-4
    Beta阶段冲刺-3
    Beta阶段冲刺-2
    Beta阶段冲刺-1
    『编程题全队』Beata阶段项目复审
    『编程题全队』Beta 阶段用户使用调查报告
  • 原文地址:https://www.cnblogs.com/zgqys1980/p/1803785.html
Copyright © 2011-2022 走看看