asp.net+ajax多线程进度条的实现 [转]

asp.net+ajax多线程进度条的实现

最近写进度条写的有点上瘾，这次弄了个ajax的(*^_^*)
由于之前的那篇( http://www.cnblogs.com/suntears/archive/2007/04/24/724833.html)已经对前台如何控制图片进行了演示，这次就仅仅做功能模拟。别忘了打开页面的时候加上start参数，这样才可以启动查数程序。

前台代码：

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  >  
< html >
   < head >
     < title > ajaxguagedemo </ 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  >
function returnresponse()
{
    urls="ajaxguagedemo.aspx?guage=1";
    var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    xmlHttp.open("GET",urls,true);
    xmlHttp.onreadystatechange=function(){
        if(xmlHttp.readyState==4)
        {
            temp=xmlHttp.responseText;
            document.getElementById("ddf").innerText=temp;
            if(temp!="100%")
            {
            returnresponse();
            }
        }
    }
    xmlHttp.send(urls);
}
     </ script >
   </ head >
   < body  MS_POSITIONING ="GridLayout" >
     < form  id ="Form1"  method ="post"  runat ="server" >
     < input  type =button  onclick ="returnresponse()"  value =1111111 >
     < div  id =ddf ></ div >
     </ form >
   </ body >
</ html >

后台代码如下：

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  guagedemo
{
    /**//// <summary>
    /// ajaxguagedemo 的摘要说明。
    /// </summary>
    public class ajaxguagedemo : System.Web.UI.Page
    {
        static public int percent=0;//静态变量，记录百分比
        private void Page_Load(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面
            if(Request.QueryString["start"]!=null)
            {
                startThread();//开始新进程处理查数程序
            }
            if(Request.QueryString["guage"]!=null)
            {
                ajaxResponse();//响应ajax，返回百分比
            }
        }
        private void guage()
        {
            for(int i=0;i<100;i++)
            {
                percent++;
                Thread.Sleep(500);
            }
        }
        public void startThread()
        {
            System.Threading.Thread thread=new System.Threading.Thread(new System.Threading.ThreadStart(guage));
            thread.Start();
        }
        private void ajaxResponse()
        {
            Response.Write(percent.ToString()+"%");
            Response.Flush();
            Response.Close();
        }

        Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /**//// <summary>
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        /// </summary>
        private void InitializeComponent()
        {    
            this.Load += new System.EventHandler(this.Page_Load);
        }
        #endregion
    }
}

很简单，看页面说明足够理解了。
附上Demo

转载于:https://www.cnblogs.com/beyond0309/archive/2009/01/05/1369366.html