对于长时间装载的ASP.NET页面,如何在客户端浏览器中显示进度?

来源:互联网 发布:搞笑视频源码 编辑:程序博客网 时间:2024/06/04 08:44
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Threading; 

namespace Exercise
{
    
/// <summary>
    
/// WebForm2 的摘要说明。
    
/// </summary>

    public class WebForm2 : System.Web.UI.Page
    
{
        
private void Page_Load(object sender, System.EventArgs e)
        
{
            
// 对于长时间装载的ASP.NET页面如何在客户端浏览器中显示进度?
            
//对于加载时间比较长的ASP.NET页面,
            
//我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程:
            if(!IsPostBack)
            
{
                Response.Write(
"<div id='mydiv' >");
                Response.Write(
"_");
                Response.Write(
"</div>");
                Response.Write(
"<script>mydiv.innerText = '';</script>");
                Response.Write(
"<script language=javascript>;");
                Response.Write(
"var dots = 0;var dotmax = 10;function ShowWait()");
                Response.Write(
"{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;");
                Response.Write(
"for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText =  output;}");
                Response.Write(
"function StartShowWait(){mydiv.style.visibility = 'visible'; ");
                Response.Write(
"window.setInterval('ShowWait()',1000);}");
                Response.Write(
"function HideWait(){mydiv.style.visibility = 'hidden';");
                Response.Write(
"window.clearInterval();}");
                Response.Write(
"StartShowWait();</script>");                
                Response.Flush();
                
for(long i=0;i<99999999999;i++) i=i++;
                
//or Thread.Sleep(10000);
            }


        }


        
Web 窗体设计器生成的代码
    }

}

<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="Exercise.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    
<HEAD>
        
<title>WebForm2</title>
        
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        
<meta name="CODE_LANGUAGE" Content="C#">
        
<meta name="vs_defaultClientScript" content="JavaScript">
        
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        
<script language="javascript">
        HideWait();
        
</script>
    
</HEAD>
    
<body MS_POSITIONING="GridLayout">
        
<form id="Form1" method="post" runat="server">
            
&nbsp;
        
</form>
    
</body>
</HTML>
 
原创粉丝点击