AJAX - 01 - Loading function

Following by: http://www.cnblogs.com/symjie520/archive/2007/04/17/716571.html

Reference:  http://ajaxpro.codeplex.com/

 

<% @ Page Title = " Home Page "  Language = " C# "  MasterPageFile = " ~/Site.master "  AutoEventWireup = " true "
    CodeBehind = " Default.aspx.cs "  Inherits = " AJAX_Loading._Default "   %>

< asp:Content  ID ="HeaderContent"  runat ="server"  ContentPlaceHolderID ="HeadContent" >
     < script  language ="javascript"  type ="text/javascript" >
         function  SignIn() {
            EnableControl( " login " ,  true );

             var  UserId  =  document.getElementById( " userid " ).value;
             var  Password  =  document.getElementById( " password " ).value;

            AJAX_Loading._Default.GetLogin(UserId, Password, CallBackServer);

            document.getElementById( " loading " ).style.display  =   " block " ;
        }

         function  CallBackServer(res) {
             var  success  =  res.value;

            document.getElementById( " loading " ).style.display  =   " none " ;

            EnableControl( " login " ,  false );

             if  (success) {
                document.getElementById( " ss " ).innerHTML  =   " Succeed " ;
                
            }
             else  {
                document.getElementById( " ss " ).innerHTML  =   " Failed " ;
            }
        }

         function  EnableControl(controlId,isDisabled) {
             var  control  =  document.getElementById(controlId);
            control.disabled  =  isDisabled;
        }
     </ script >
</ asp:Content >
< asp:Content  ID ="BodyContent"  runat ="server"  ContentPlaceHolderID ="MainContent" >
     < div >
         < table >
             < tr >
                 < td >
                    User Id
                 </ td >
                 < td >
                     < input  id ="userid"  type ="text"   />
                 </ td >
             </ tr >
             < tr >
                 < td >
                    Password
                 </ td >
                 < td >
                     < input  id ="password"  type ="password" />
                 </ td >
             </ tr >
             < tr >
                 < td >
                     < input  id ="login"  type ="button"  value ="Sign In"  onclick ="SignIn();"   />
                 </ td >
             </ tr >
         </ table >
     </ div >
     < div  id ="loading"  style ="display: none;" >
        Loading......
     </ div >
     < div  id ="ss" >
     </ div >
</ asp:Content >

 

using  System;
using  System.Collections.Generic;
using  System.Linq;
using  System.Web;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Threading;

namespace  AJAX_Loading
{
     public   partial   class  _Default : System.Web.UI.Page
    {
         protected   void  Page_Load( object  sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax( typeof (_Default));
        }

        [AjaxPro.AjaxMethod]
         public   bool  GetLogin( string  userId,  string  password)
        {
            Thread.Sleep( 5000 );

             return  userId  ==   " admin "   &&  password  ==   " admin " ;
        }
    }
}

 

<? xml version="1.0" ?>

<!--
  For more information on how to configure your ASP.NET application, please visit
  http://go.microsoft.com/fwlink/?LinkId=169433
   -->

< configuration >

   < configSections >
     < sectionGroup  name ="ajaxNet" >

       <!--
                If you are using Microsoft .NET 1.1 please remove the two attributes
                requirePermission and restartOnExternalChanges, they are only supported
                with .NET 2.0.
             -->
       < section  name ="ajaxSettings"
                type ="AjaxPro.AjaxSettingsSectionHandler,AjaxPro.2"
                requirePermission ="false"
                restartOnExternalChanges ="true"
             />

     </ sectionGroup >
   </ configSections >
 
   < ajaxNet >
     < ajaxSettings >

       < urlNamespaceMappings  useAssemblyQualifiedName ="false"  allowListOnly ="false" >
         <!--
                    Set the attribute useAssemblyQualifiedName to true to enable
                    use of assemblies placed in the GAC by using the full assembly
                    qualified name.
                
                    To hide internal knowledge of assemblies, classes and namespace
                    you can override the name of the virtual http endpoints.
                    
                    <add type="Namespace.Class1,Assembly" path="mypath" />
                 -->
       </ urlNamespaceMappings >

       < jsonConverters  includeTypeProperty ="true" >
         <!--
                    This section can be used to add new IJavaScriptConverters to the
                    Ajax.NET Professional engine. If you want to disable built-in
                    converters you can use the remove tag.
            
                    <remove type="Namespace.Class1,Assembly"/>
                    <add type="Namespace.Class2,Assembly"/>
                    
                    <add type="AjaxPro.BitmapConverter,AjaxPro.2" mimeType="image/jpeg" quality="100"/>
                 -->
       </ jsonConverters >

       <!--
                Set the enabled attribute to true to get Stack, TargetSize and Source 
                information if an exception has been thrown.
             -->
       < debug  enabled ="false"   />

       <!--
                This is the default configuration used with Ajax.NET Professional. You
                can put there your static JavaScript files, or remove the path attribute
                to completly disable the files.
            
                <scriptReplacements>
                    <file name="prototype" path="~/ajaxpro/prototype.ashx" />
                    <file name="core" path="~/ajaxpro/core.ashx" />
                    <file name="converter" path="~/ajaxpro/converter.ashx" />
                </scriptReplacements>
             -->

       <!--  <encryption cryptType="" keyType="" />  -->

       <!--
                Set the enabled attribute to true to enable the use of an Ajax.NET Professional
                token. This will send a token to the client that will be used to identify if the
                requests comes from the same PC.
             -->
       < token  enabled ="false"  sitePassword ="password"   />

       <!--
                The oldStyle (or now configuration) section can be used to enable old styled JavaScript code or
                functions that are not used any more. Some of them cannot be used together.
            
                <configuration>
                    <renderNotASPAJAXDateTime/>
                    <objectExtendPrototype/>
                    <appCodeQualifiedFullName/>
                    <allowNumberBooleanAsString/>
                    <sessionStateDefaultNone/>
                    <includeMsPrototype/>
                    <renderDateTimeAsString/>
                    <noUtcTime/>
                    <renderJsonCompliant/>
                    <useSimpleObjectNaming/>
                </configuration>
             -->

     </ ajaxSettings >
   </ ajaxNet >
  
   < connectionStrings >
     < add  name ="ApplicationServices"
         connectionString ="data source=.\SQLEXPRESS;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnetdb.mdf;User Instance=true"
         providerName ="System.Data.SqlClient"   />
   </ connectionStrings >

   < system.web >
     < compilation  debug ="true"  targetFramework ="4.0"   />

     < authentication  mode ="Forms" >
       < forms  loginUrl ="~/Account/Login.aspx"  timeout ="2880"   />
     </ authentication >

     < membership >
       < providers >
         < clear />
         < add  name ="AspNetSqlMembershipProvider"  type ="System.Web.Security.SqlMembershipProvider"  connectionStringName ="ApplicationServices"
             enablePasswordRetrieval ="false"  enablePasswordReset ="true"  requiresQuestionAndAnswer ="false"  requiresUniqueEmail ="false"
             maxInvalidPasswordAttempts ="5"  minRequiredPasswordLength ="6"  minRequiredNonalphanumericCharacters ="0"  passwordAttemptWindow ="10"
             applicationName ="/"   />
       </ providers >
     </ membership >

     < profile >
       < providers >
         < clear />
         < add  name ="AspNetSqlProfileProvider"  type ="System.Web.Profile.SqlProfileProvider"  connectionStringName ="ApplicationServices"  applicationName ="/" />
       </ providers >
     </ profile >

     < roleManager  enabled ="false" >
       < providers >
         < clear />
         < add  name ="AspNetSqlRoleProvider"  type ="System.Web.Security.SqlRoleProvider"  connectionStringName ="ApplicationServices"  applicationName ="/"   />
         < add  name ="AspNetWindowsTokenRoleProvider"  type ="System.Web.Security.WindowsTokenRoleProvider"  applicationName ="/"   />
       </ providers >
     </ roleManager >

   </ system.web >

   < location  path ="ajaxpro" >
     < system.web >
       < httpHandlers >
         < add  verb ="*"  path ="*.ashx"  type ="AjaxPro.AjaxHandlerFactory,AjaxPro.2" />
       </ httpHandlers >
       <!--
                If you need to have Ajax.NET Professional methods running on the
                login page you may have to enable your own authorization configuration
                here.
             -->
       <!--
            <authorization>
                <deny users="?"/>
            </authorization>
             -->
     </ system.web >
   </ location >
  
   < system.webServer >
      < modules  runAllManagedModulesForAllRequests ="true" />
   </ system.webServer >
</ configuration >