恩,这几天在看着那些大网站的一些Ajax.net的loading的效果,也想写一个,虽然很简单,但容易说明问题。我的这个例子是在登陆的时候显示用户正在登陆的等待信息。同样的使用了AjaxPro.dll。

一,在aspx的页面的代码如下

 1Ajax.net实现loading登陆的效果_ajaxAjax.net实现loading登陆的效果_sql_02<%Ajax.net实现loading登陆的效果_ajax_03@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="ajaxproloading.Default5" %>

 2Ajax.net实现loading登陆的效果_ajax_04

 3Ajax.net实现loading登陆的效果_ajax_04<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 4Ajax.net实现loading登陆的效果_ajax_04

 5Ajax.net实现loading登陆的效果_ajax_04<html xmlns="http://www.w3.org/1999/xhtml" >

 6Ajax.net实现loading登陆的效果_ajax_04<head runat="server">

 7Ajax.net实现loading登陆的效果_ajax_04    <title>loaing</title>

 8Ajax.net实现loading登陆的效果_ajaxAjax.net实现loading登陆的效果_sql_02    <script language=javascript>Ajax.net实现loading登陆的效果_ajax_03

 9Ajax.net实现loading登陆的效果_html_13    function Get_Name()

10Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15    Ajax.net实现loading登陆的效果_ajax_03{

11Ajax.net实现loading登陆的效果_html_13      var name=document.getElementById("Text1").value;

12Ajax.net实现loading登陆的效果_html_13      var pwd=document.getElementById("Text2").value;

13Ajax.net实现loading登陆的效果_html_13      ajaxproloading.Default5.GetLogin(name,pwd,CallBackServer);

14Ajax.net实现loading登陆的效果_html_13      document.getElementById("loading").style.display="block";

15Ajax.net实现loading登陆的效果_html_13     

16Ajax.net实现loading登陆的效果_sql_22    }

17Ajax.net实现loading登陆的效果_html_13    function CallBackServer(res)

18Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15    Ajax.net实现loading登陆的效果_ajax_03{

19Ajax.net实现loading登陆的效果_html_13     var success=res.value;

20Ajax.net实现loading登陆的效果_html_13     document.getElementById("loading").style.display="none";

21Ajax.net实现loading登陆的效果_html_13    

22Ajax.net实现loading登陆的效果_html_13     if(success)

23Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15     Ajax.net实现loading登陆的效果_ajax_03{

24Ajax.net实现loading登陆的效果_html_13       document.getElementById("ss").innerHTML="登陆成功";

25Ajax.net实现loading登陆的效果_html_13       

26Ajax.net实现loading登陆的效果_sql_22     }

27Ajax.net实现loading登陆的效果_html_13     else

28Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15     Ajax.net实现loading登陆的效果_ajax_03{

29Ajax.net实现loading登陆的效果_html_13       document.getElementById("ss").innerHTML="登陆失败";

30Ajax.net实现loading登陆的效果_sql_22     }

31Ajax.net实现loading登陆的效果_sql_22    }

32Ajax.net实现loading登陆的效果_sql_44    </script>

33Ajax.net实现loading登陆的效果_ajax_04</head>

34Ajax.net实现loading登陆的效果_ajax_04<body>

35Ajax.net实现loading登陆的效果_ajax_04    <form id="form1" runat="server">

36Ajax.net实现loading登陆的效果_ajax_04    <div>

37Ajax.net实现loading登陆的效果_ajax_04        <input id="Button1" type="button" value="button" onclick="Get_Name();" />

38Ajax.net实现loading登陆的效果_ajax_04        <input id="Text1" type="text" />

39Ajax.net实现loading登陆的效果_ajax_04           <input id="Text2" type="text" /></div>

40Ajax.net实现loading登陆的效果_ajax_04        <div id="loading" style="display:none;"><img src=9.gif />正在登陆Ajax.net实现loading登陆的效果_ajax_03</div>

41Ajax.net实现loading登陆的效果_ajax_04       <div id="ss"></div>

42Ajax.net实现loading登陆的效果_ajax_04    </form>

43Ajax.net实现loading登陆的效果_ajax_04</body>

44Ajax.net实现loading登陆的效果_ajax_04</html>

45Ajax.net实现loading登陆的效果_ajax_04

二,.cs的代码

 1Ajax.net实现loading登陆的效果_ajax_04using System;

 2Ajax.net实现loading登陆的效果_ajax_04using System.Data;

 3Ajax.net实现loading登陆的效果_ajax_04using System.Configuration;

 4Ajax.net实现loading登陆的效果_ajax_04using System.Collections;

 5Ajax.net实现loading登陆的效果_ajax_04using System.Web;

 6Ajax.net实现loading登陆的效果_ajax_04using System.Web.Security;

 7Ajax.net实现loading登陆的效果_ajax_04using System.Web.UI;

 8Ajax.net实现loading登陆的效果_ajax_04using System.Web.UI.WebControls;

 9Ajax.net实现loading登陆的效果_ajax_04using System.Web.UI.WebControls.WebParts;

10Ajax.net实现loading登陆的效果_ajax_04using System.Web.UI.HtmlControls;

11Ajax.net实现loading登陆的效果_ajax_04using System.Data.SqlClient;

12Ajax.net实现loading登陆的效果_ajax_04namespace ajaxproloading

13Ajax.net实现loading登陆的效果_ajaxAjax.net实现loading登陆的效果_sql_02Ajax.net实现loading登陆的效果_ajax_03{

14Ajax.net实现loading登陆的效果_html_13    public partial class Default5 : System.Web.UI.Page

15Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15    Ajax.net实现loading登陆的效果_ajax_03{

16Ajax.net实现loading登陆的效果_html_13        protected void Page_Load(object sender, EventArgs e)

17Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15        Ajax.net实现loading登陆的效果_ajax_03{

18Ajax.net实现loading登陆的效果_html_13            AjaxPro.Utility.RegisterTypeForAjax(typeof(Default5));

19Ajax.net实现loading登陆的效果_sql_22        }

20Ajax.net实现loading登陆的效果_html_13        [AjaxPro.AjaxMethod]

21Ajax.net实现loading登陆的效果_html_13        public bool GetLogin(string username,string userpwd)

22Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15        Ajax.net实现loading登陆的效果_ajax_03{

23Ajax.net实现loading登陆的效果_html_13            System.Threading.Thread.Sleep(3000);

24Ajax.net实现loading登陆的效果_html_13            SqlConnection con = new SqlConnection("server=.;database=testajax;uid=sa;pwd=lanjie");

25Ajax.net实现loading登陆的效果_html_13            con.Open();

26Ajax.net实现loading登陆的效果_html_13            SqlCommand com = new SqlCommand();

27Ajax.net实现loading登陆的效果_html_13            com.CommandText = "select * from userinfo where username='" + username + "' and userpwd='" + userpwd+"'";

28Ajax.net实现loading登陆的效果_html_13            com.Connection = con;

29Ajax.net实现loading登陆的效果_html_13            SqlDataReader da = com.ExecuteReader();

30Ajax.net实现loading登陆的效果_html_13            if (da.Read())

31Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15            Ajax.net实现loading登陆的效果_ajax_03{

32Ajax.net实现loading登陆的效果_html_13                con.Close();

33Ajax.net实现loading登陆的效果_html_13                return true;

34Ajax.net实现loading登陆的效果_sql_22            }

35Ajax.net实现loading登陆的效果_html_13            else

36Ajax.net实现loading登陆的效果_ajax_14Ajax.net实现loading登陆的效果_sql_15            Ajax.net实现loading登陆的效果_ajax_03{

37Ajax.net实现loading登陆的效果_html_13                con.Close();

38Ajax.net实现loading登陆的效果_html_13                return false;

39Ajax.net实现loading登陆的效果_sql_22            }

40Ajax.net实现loading登陆的效果_sql_22        }

41Ajax.net实现loading登陆的效果_sql_22    }

42Ajax.net实现loading登陆的效果_sql_44}

43Ajax.net实现loading登陆的效果_ajax_04