Hello, world!

Come al solito useremo il buon vecchio "Hello, world!" come nostro primo esempio. Inizieremo con il codice e aggiungeremo un po di spiegazioni subito dopo. Se non lo avete già fatto, dovrete creare il vostro nuove progetto website in ASP.NET usando Visual Studio Express 2012. L'ambiente di sviluppo creerà per voi i files Default.aspx e Default.aspx.cs che assomigliano a tutte le normali pagine ASP.NET. Proviamo ad aggiungerci un po di AJAX.

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
    <title>Hello, world!</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="MainScriptManager" runat="server" />
        <asp:UpdatePanel ID="pnlHelloWorld" runat="server">
            <ContentTemplate>
                <asp:Label runat="server" ID="lblHelloWorld" Text="Click the button!" />
                <br /><br />
                <asp:Button runat="server" ID="btnHelloWorld" OnClick="btnHelloWorld_Click" Text="Update label!" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>
</html>

Nel CodeBehind non c'è nulla di particolare a parte questo evento che dovrete aggiungere:

protected void btnHelloWorld_Click(object sender, EventArgs e)
{
    lblHelloWorld.Text = "Hello, world - this is a fresh message from ASP.NET AJAX! The time right now is: " + DateTime.Now.ToLongTimeString();
}

Nella parte del markup, abbiamo usato due nuovi elementi rispetto ad una normale pagina ASP.NET: Il controllo ScriptManager ed il controllo UpdatePanel. Lo ScriptManager fa si che i necessari file ASP.NET AJAX vengano inclusi e che il supporto AJAX venga abilitato. E questo deve essere incluso in ogni pagina dove si desidera usare le funzionalità AJAX.

Dopo il controllo ScriptManager, abbiamo uno dei controlli più utilizzati quando si lavora con AJAX, il controllo UpdatePanel. Questo controllo ti permette di inglobare il markup che vorresti fosse aggiornato parzialmente, cioè, aggiornato senza un vero postback al server. Parleremo di più dell' UpdatePanel in un prossimo capitolo. Aldilà di questi due controlli, tutto il resto sono controlli standard, senza alcuna modifica che indichi un comportamento differente.

Provate ad eseguire il sito di esempio e cliccate il pulsante. La label sarà aggiornata con il solito testo "Hello World" e vedrete anche l'ora corrente aggiornarsi ad ogni click. Notate anche la meravigliosa assenza di un lampeggio sulla finestra e una status bar funzionante - tutto è fatto senza aggiornare tutta la pagina ma solo la label. Abbiamo appena create la nostra prima pagina abilitata AJAX. Se desiderate vedere come questa pagina lavorerebbe senza AJAX, provate ad impostare la proprieta "enablepartialrendering" dello ScriptManager con il valore "false" come qui di seguito:

<asp:ScriptManager ID="MainScriptManager" runat="server" enablepartialrendering="false" />

Questo disabilita l'uso del rendering parziale sulla pagina, e vi mostra come funzionerebbe senza AJAX.

Nei capitoli seguenti guarderemo ai diversi controlli AJAX e a come utilizzarli

This article has been fully translated into the following languages:

Is your preferred language not on the list? Click here to help us translate this article into your language!

Metadata

Hello, world!