Utilisation d'AJAX

Après l'introduction AJAX comme nous le voyons un visage pour donner un sens le potentiel de cette technologie innovante. Nous allons créer une application simple avec une page de contenu qui sera mis un UpdatePanel. Apagina ensuite inséré dans les deux étiquettes qui indiquent la date et l'heure la page est chargée, mais nous allons mettre une étiquette à l'intérieur du UpdatePanel et un à l'extérieur pour voir comment la mise à jour partielle de la page.

Nous avons donc créer un nouveau site Web et ajouter un contrôle ScriptManager à la forme Default.aspx (situé dans l'onglet Extensions AJAX de la boîte à outils), ce qui est nécessaire pour la gestion des contrôles AJAX placé sur le formulaire. Traditionnellement ce contrôle est placé à l'extérieur de la balise DIV que Visual Studio crée automatiquement. Après l'inclusion de ce contrôle dans notre page, nous avons une situation comme celle-ci

Maintenant, insérez une étiquette dans notre formulaire et LabelDataOraLoad denominiamola. Insérer un bouton

Ouvrez le fichier et modifier la ebento Default.aspx.cs Page_Load sorte que l'étiquette affiche la date et l'heure courante

 protected void Page_Load (object sender, EventArgs e)







 {



  



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







 }

Nous commençons l'application et de générer quelques postes en arrière, en cliquant sur le bouton plusieurs fois. Ce que nous observons est que les valeurs changent à chaque pression du bouton.

À ce stade, ajouter un contrôle UpdatePanel à la page et nous avons mis un second label appelé LabelDataOraUpdate dans ce contrôle

Pour ce label, nous modifions l'événement Page_Load afin qu'il affiche la date et l'heure courante

 protected void Page_Load (object sender, EventArgs e)







 {



  



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



  



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







 }

Nous commençons l'application et de générer quelques postes revenir comme avant. Nous voyons que les étiquettes comportent de la même manière, mis à jour à chaque clic

C'est parce que même si le deuxième étiquette est à l'intérieur dell'UpdatePanel l'action qui a provoqué la publication a lieu en dehors de ce contrôle. Maintenant, déplacez le bouton dans dell'UpdatePanel éliminer. Si nous regardons, nous voyons le fichier default.aspx qui est placé à l'intérieur du bouton de balises sur le panneau

Si nous commençons à ce stade, nous voyons que l'application en cliquant sur l'étiquette du bouton que nell'UpdatePanel contenu est mis à jour tandis que l'autre est fixé à la valeur sur le premier chargement de page

C'est le processus appelé mise à jour partielle de l'art que de la page paginaperchè est mis à jour en réponse à une action particulière (le clic d'un bouton).

Ceci est clairement juste un petit exemple qui montre le potentiel de l'AJAX, et je vous invite à approfondir à travers la documentation officielle des caractéristiques intéressantes de contrôles Microsoft tels que minuterie, AutoCompleteExtender UpdateProgress, etc.

• <<Leçon précédente
• Index de l'aide
• Leçon suivante>>