Ved hjelp av AJAX

Etter å innføre AJAX for å se et eksempel designet for å følelse potensialet i denne innovative teknologien. Vi vil lage en enkel applikasjon med en side med innhold som vil sette en UpdatePanel. Apagina deretter inn i to etiketter som viser datoen og klokkeslettet siden er lastet, men vi vil sette en merkelapp inne i "UpdatePanel og den andre utenfor å se hvordan den delvise siden oppdateringen.

Så vi lage et nytt nettsted og legge til en ScriptManager kontroll til Default.aspx skjema (ligger i AJAX Extensions kategorien verktøykassa), som er nødvendig for forvaltningen av AJAX kontrollene i dette skjemaet. Konvensjonelt, er denne kontrollen plasseres utenfor DIV tag at Visual Studio lager automatisk. Etter inkludering av denne kontrollen på siden vår har vi en situasjon som dette

Nå settes det en etikett i vår form og denominiamola LabelDataOraLoad. Sett inn en knapp

Åpne filen og endre ebento Default.aspx.cs Page_Load slik at etiketten viser gjeldende dato og klokkeslett

 beskyttet void Page_Load (objekt avsenderen, EventArgs e)







 {



  



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







 }

Vi starter applikasjonen og generere noen innlegg tilbake, klikke på knappen flere ganger. Hva vi observerer er at verdiene forandrer seg med hvert trykk på knappen.

På dette punktet, legge til en UpdatePanel kontroll til siden og vi legger en ny etikett kalt LabelDataOraUpdate innenfor kontroll

Selv på denne etiketten er modifisere Page_Load hendelsen slik at den viser gjeldende dato og klokkeslett

 beskyttet void Page_Load (objekt avsenderen, EventArgs e)







 {



  



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



  



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







 }

Vi starter applikasjonen og generere noen innlegg tilbake som før. Vi ser at etikettene oppfører seg på samme måte, oppdatert med hvert klikk

Dette er fordi selv om den andre etiketten på innsiden dell'UpdatePanel handlingen som forårsaker postback foregår utenfor denne kontrollen. Nå flytte Button eliminere dell'UpdatePanel innsiden. Hvis vi ser på default.aspx filen, ser vi at knappen er plassert inne på koden i forhold til panelet

Hvis vi starter på dette punktet ser vi at programmet ved å klikke på knappen merket inneholdt bare nell'UpdatePanel oppdateres mens den andre er satt til verdien på den første siden lasten

Dette er en prosess som kalles deloppdatering of the art of paginaperchè bare én side er oppdatert i respons til en bestemt handling (klikk på en knapp).

Dette er helt klart bare et lite eksempel som viser potensialet for AJAX, og jeg inviterer deg til å utdype gjennom den offisielle Microsoft de interessante funksjonene i andre kontroller som Timer, UpdateProgress, AutoCompleteExtender, etc..

• <<Forrige Leksjon
• Hjelp
• Neste Leksjon>>