Utilizarea AJAX

După introducerea AJAX ca vom vedea o fata pentru a face sens potenţialul acestei tehnologii inovatoare. Vom crea o aplicatie simpla cu o pagină de conţinut, care va pune un UpdatePanel. Apagina apoi introdus în două etichete care arată data şi ora pagina este încărcată, dar vom pune o eticheta in interiorul UpdatePanel "şi unul din afara pentru a vedea cum actualizare parţială a paginii.

Deci, vom crea un site nou şi adăugaţi un control ScriptManager la formularul de default.aspx (situat în fila AJAX Extensii din Caseta de instrumente), care este necesar pentru gestionarea AJAX controalelor plasate pe formular. Convenţional acest control este plasat in afara de tag-DIV că Visual Studio creaza automat. După includerea acestui control în pagina noastră avem o situaţie ca aceasta

Acum, introduceţi o etichetă în formă nostru şi LabelDataOraLoad denominiamola. Inserarea unui buton

Deschideţi fişierul şi să modifice ebento Default.aspx.cs Page_Load, astfel încât eticheta afişează data şi ora curente

 protejate nule Page_Load (obiect expeditor, EventArgs e)







 {



  



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







 }

Pornim aplicaţia şi pentru a genera câteva posturi înapoi, faceţi clic pe butonul de mai multe ori. Ceea ce observăm este faptul că valorile schimba cu fiecare apăsare a butonului.

In acest moment, adaugă un UpdatePanel de control la pagina si am pus o etichetă de două LabelDataOraUpdate numit în cadrul acestui control

Pentru această etichetă vom modifica cazul în Page_Load, astfel încât acesta afişează data şi ora curente

 protejate nule Page_Load (obiect expeditor, EventArgs e)







 {



  



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



  



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







 }

Pornim aplicaţia şi pentru a genera câteva posturi înapoi la fel ca înainte. Vedem că etichetele se comporte în acelaşi mod, la curent cu fiecare clic

Acest lucru se datorează faptului că, deşi eticheta a doua este în interiorul dell'UpdatePanel acţiunea pe care a provocat postback are loc în afara de acest control. Muta acum buton în dell'UpdatePanel elimina. Dacă ne uităm vom vedea fişierul default.aspx care este plasată în interiorul butonul de etichetele de pe panoul de

Dacă pornim de la acest punct vedem că cererea făcând clic pe butonul etichetă numai nell'UpdatePanel conţinut este actualizat în timp ce celălalt este setată la valoarea de pe prima pagină de încărcare

Acesta este procesul numit actualizare parţială a artei numai de paginaperchè pagină este actualizată în răspuns la o anumită acţiune (un clic pe un buton).

Acest lucru este în mod clar doar un mic exemplu care arată potenţialul de AJAX, şi vă invit să vă aprofunda prin documentaţia oficială dintre caracteristicile interesante ale altor controale Microsoft, cum ar fi cronometru, AutoCompleteExtender UpdateProgress, etc.

• <<Lecţia anterioară
• Ajutor Index
• Înainte Lecţia>>