Brug af AJAX

Efter indførelsen af ​​AJAX, som vi ser et ansigt til at give mening potentialet i denne innovative teknologi. Vi vil skabe et simpelt program med en side med indhold, der vil sætte en UpdatePanel. Apagina derefter indsat i de to mærker, som viser dato og tidspunkt siden er indlæst, men vi vil sætte en mærkat inde i 'UpdatePanel og én uden at se, hvordan den delvise opdatering af siden.

Så skaber vi en ny hjemmeside og tilføje en ScriptManager kontrol til Default.aspx form (beliggende i AJAX Extensions fanen værktøjskassen), som er nødvendig for forvaltningen af ​​AJAX kontroller placeres på formularen. Konventionelt denne kontrol er placeret uden for DIV tag, som Visual Studio skaber automatisk. Efter optagelsen af ​​denne kontrol på vores side har vi en situation som denne

Nu sættes der et mærke i vores form og denominiamola LabelDataOraLoad. Indsæt en knap

Åbn filen og ændre ebento Default.aspx.cs Page_Load så etiketten viser den aktuelle dato og klokkeslæt

 protected void Page_Load (object sender, EventArgs e)







 {



  



 this.LabelDataOraLoad.Text = DateTime.Now.ToString ();







 }

Vi starter programmet og generere et par indlæg tilbage, klikke på knappen flere gange. Det vi observerer er, at værdierne ændre sig med hvert tryk på knappen.

På dette tidspunkt tilføje en UpdatePanel kontrol til siden, og vi sætte en anden etiket kaldet LabelDataOraUpdate inden for denne kontrol

Til denne etiket vi ændre Page_Load begivenhed, så det viser den aktuelle dato og klokkeslæt

 protected void Page_Load (object sender, EventArgs e)







 {



  



 this.LabelDataOraLoad.Text = DateTime.Now.ToString ();



  



 this.LabelDataOraUpdate.Text = DateTime.Now.ToString ();







 }

Vi starter programmet og generere et par indlæg tilbage som før. Vi ser, at etiketterne opfører sig på samme måde, opdateret med hvert klik

Dette skyldes, at selv om den anden etiket er inde dell'UpdatePanel den handling, som forårsagede postback finder sted uden for denne kontrol. Flyt nu knappen i dell'UpdatePanel eliminere. Hvis vi ser vi ser default.aspx fil, der er placeret inde i tags knappen på panelet

Hvis vi begynder på dette tidspunkt ser vi, at programmet ved at klikke på knappen mærket kun indeholdt nell'UpdatePanel er opdateret, mens den anden er sat til værdien på den første side belastning

Det er den proces, der kaldes delvis opdatering af de eneste kunst paginaperchè side er opdateret som reaktion på en bestemt handling (et klik på en knap).

Det er helt klart bare et lille eksempel, der viser potentialet i AJAX, og jeg opfordrer dig til at uddybe gennem de officielle dokumentation af de interessante funktioner i andre Microsoft-kontroller såsom Timer, UpdateProgress AutoCompleteExtender mv.

• <<Forrige lektion
• Indeks til Hjælp
• Næste lektion>>