jQuery 的简单的loading

张玉龙

浏览: 737376 次
性别:
来自: 沈阳

最近访客更多访客>>

bjcms

繁星水

flyfoxs

sunzeping

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery CSS Ajax XHTML 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);
        }

分享到：