Korištenje AJAX

Nakon uvođenja AJAX da biste vidjeli primjer dizajnirana osjetiti potencijal ove inovativne tehnologije. Mi ćemo stvoriti jednostavnu primjenu uz stranici sadržaja koji će staviti UpdatePanel. Apagina zatim umetnuti u dvije oznake koje pokazuju datum i vrijeme učitavanja stranice, ali mi ćemo staviti oznaku unutar 'UpdatePanel i ostale vanjske vidjeti kako djelomične stranicu ažuriranja.

Tako smo stvorili novu web stranicu i dodati ScriptManager kontrolu Default.aspx obrascu (koji se nalazi na kartici AJAX proširenja Toolbox), koja je potrebna za upravljanje AJAX kontrole u ovom obrascu. Konvencionalno, ovu kontrolu je stavljen izvan DIV tag koji Visual Studio stvara automatski. Nakon uključivanja ove kontrole u našoj stranici imamo situaciju kao što je ovaj

Sada umetnite naljepnice u obliku i denominiamola LabelDataOraLoad. Umetanje gumba

Otvorite datoteku i promijeniti ebento Default.aspx.cs Page_Load tako da naljepnica prikazuje trenutni datum i vrijeme

 zaštićene void Page_Load (objekt pošiljatelja, EventArgs e)







 {



  



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







 }

Mi pokrenuti program i stvoriti par postova natrag, pritiskom na tipku više puta. Ono što promatramo je da su vrijednosti promjene sa svakim pritiskom na gumb.

U ovom trenutku, dodajte kontrolu UpdatePanel na stranicu, a mi stavili drugi natpis naziva LabelDataOraUpdate pod kontrolom

Čak i na ovu oznaku za izmjenu Page_Load događaj tako da prikazuje trenutni datum i vrijeme

 zaštićene void Page_Load (objekt pošiljatelja, EventArgs e)







 {



  



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



  



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







 }

Mi pokrenuti program i stvoriti par postova nazad kao i prije. Vidimo da oznake ponašaju na isti način, ažurira svaki klik

To je zato što, iako drugi oznaku unutar dell'UpdatePanel radnju koja uzrokuje postback odvija izvan ove kontrole. Sada premjestite gumb eliminirati dell'UpdatePanel iznutra. Ako pogledamo Default.aspx datoteka, vidimo da je gumb smješten unutar oznake u odnosu na ploči

Ako počnemo u ovom trenutku vidimo da je primjena klikom na gumb oznaku sadržane samo nell'UpdatePanel je ažuriran dok je druga postavljena na vrijednost na prvoj stranici opterećenja

To je proces koji se naziva djelomična obnova umjetnosti paginaperchè samo jednu stranicu ažurira, kao odgovor na određene akcije (klikom na gumb).

To je jasno samo mali primjer koji pokazuje potencijal AJAX, i pozivam vas da prodube putem službene Microsoft zanimljivosti druge kontrole poput timera, UpdateProgress, AutoCompleteExtender, itd..

• <<Prethodna Lekcija
• Pomoć Index
• Sljedeća Lekcija>>