jquery 实现简单loading 效果

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
     <title>Untitled Page</title>
     <script src="jquery-1[1].2.1.pack.js" type="text/javascript"></script>
     <script  type="text/javascript">
        $(document).ready(
        function()
        {
          $("#ajbt").click(
               function()
              {
                  $("#loadimg").ajaxStart(
                       function()
                        {
                         $("#loadimg").css("display","block");
                         }
                  );
               
               // $.ajaxTimeout( 500000000 );
                  $.ajax(
                  {
                    type: "get",
                    url: "WebForm3.aspx",
                    datatype:"text",
                    data: "name=John",
                  complete:function()                                                   
                   {
                    $("#loadimg").css("display","none");
                    },
                   success: function(msg){
                                          
                                        
                                          $("#a").html(msg);
                                          }
                 }
                  );
                }
          );
          $("#loadimg").css("display","none");
       }
    );
   
     </script>
</head>
<body>
<input type="button" value="ajaxdata" id="ajbt"/>
<div id="a"><img src="Utility/spinner.gif" id="loadimg" ></div>
</body>
</html>

default.aspx

protected void Page_Load(object sender, EventArgs e)
        {
           //System.Threading.Thread.Sleep(2000);
            if (!this.IsPostBack)
                if (Request["name"].ToString() != "")
                {
                    httpresponse(Request["name"].ToString());
                }
                else
                {
                    httpresponse(Request["name"].ToString());
                }
        }
        public void httpresponse(string name)
        {
            //HttpContext.Current.Response;
            HttpContext.Current.Response.Write(name);
        }

转载于:https://www.cnblogs.com/lel1447/archive/2008/09/22/1295657.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值