Como funciona o AJAX.

10/09/2010 00:34

Vamos lá, vou fazer um pequeno resumo, pois amanha tenho que acorda cedo...mas logo vou criar um artigo mais detalhado.

 

Antes de mais nada você precisa ter instalado o AJAX no seu Visual Studio, é facil de encontrar basta pesquisar no GOOGLE.

 

Mão a obra: Insira os seguintes intes no seu ASPX:

ScriptManager, UpdatePanel, Timer e um Label para exibir o resultado.

 

Fonte

<asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick1"></asp:Timer>

      

    <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" 

        UpdateMode="Conditional">

        <ContentTemplate>

            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        </ContentTemplate>

        <Triggers>

            <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />

        </Triggers>

    </asp:UpdatePanel> 

 

No .CS dentro do objeto Timer insira o codigo:

 

 protected void Timer1_Tick1(object sender, EventArgs e)

    {

        Label1.Text = DateTime.Now.ToString();

    }

 

Agora é so executar.

 

Note a visualização da data e do relogio ao lado onde funciona em tempo real graças ao AJAX.