Korzystanie z AJAX

Po wprowadzeniu technologii AJAX, jak widzimy twarz sensu potencjał tej innowacyjnej technologii. Stworzymy prostą aplikację z strony treści, które umożliwią UpdatePanel. Apagina następnie umieszczane w dwóch etykiet, które pokazują datę i czas załadowaniu strony, ale będziemy umieszczać etykiety wewnątrz "UpdatePanel i jeden na zewnątrz, by zobaczyć, jak częściowa aktualizacja strony.

Tak więc tworzymy nową stronę internetową i dodać kontrolkę ScriptManager do Default.aspx formularz (znajduje się w karcie Rozszerzenia AJAX Toolbox), które jest niezbędne do zarządzania AJAX kontroli umieszczony na formularzu. Standardowo kontrola ta jest umieszczona na zewnątrz znacznika DIV, że Visual Studio tworzy automatycznie. Po wprowadzeniu tej kontroli na naszej stronie mamy takiej sytuacji

Teraz wstawienie etykiety w naszym formularzu i LabelDataOraLoad denominiamola. Wstaw przycisk

Otwórz plik i modyfikować ebento Default.aspx.cs Page_Load, tak że etykieta wyświetla bieżącą datę i czas

 protected void Page_Load (object sender, EventArgs e)







 {



  



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







 }

Zaczynamy aplikacji i wygenerować kilka postów wstecz, klikając na przycisk kilka razy. To, co obserwujemy jest to, że zmiana wartości przy każdym naciśnięciu przycisku.

W tym momencie dodać kontrola UpdatePanel do strony i kładziemy drugi label LabelDataOraUpdate w tym kontrola

Na tej etykiety możemy modyfikować zdarzenia Page_Load tak, że wyświetla bieżącą datę i czas

 protected void Page_Load (object sender, EventArgs e)







 {



  



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



  



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







 }

Zaczynamy aplikacji i wygenerować kilka postów wstecz, jak wcześniej. Widzimy, że etykiety zachowywać się w taki sam sposób, na bieżąco z każdym kliknięciem

To dlatego, że choć druga etykieta znajduje dell'UpdatePanel działania, które przyczyniły odświeżenie odbywa się poza tym kontroli. Teraz przesuń przycisk w dell'UpdatePanel wyeliminować. Jeśli spojrzymy widzimy default.aspx pliku, który jest umieszczony guzik tagi na panelu

Jeśli zaczniemy w tej chwili widzimy, że program, klikając na etykiecie przycisku tylko zawarte nell'UpdatePanel jest aktualizowana podczas gdy drugi jest ustawiony na wartość na pierwszej stronie obciążenia

Jest to proces zwany częściowej aktualizacji tylko sztuka strony paginaperchè jest aktualizowana w odpowiedzi na konkretne działanie (kliknięcie przycisku).

Jest to oczywiście tylko mały przykład, który pokazuje potencjał AJAX, i wzywam was do pogłębienia poprzez oficjalną dokumentacją interesujących funkcji innych kontroli firmy Microsoft, takich jak zegar, AutoCompleteExtender UpdateProgress itp..

• <<Poprzedni Lekcja
• Indeks pomocy
• Następny wykład>>