El uso de AJAX

Después de la introducción de AJAX como se ve un rostro a tener sentido el potencial de esta tecnología innovadora. Vamos a crear una aplicación sencilla con una página de contenido que va a poner un UpdatePanel. Apagina inserta en las dos etiquetas que indiquen la fecha y la hora se carga la página, pero vamos a poner una etiqueta dentro del UpdatePanel y fuera a ver cómo la actualización parcial de la página.

Por lo tanto, crear un nuevo sitio web y agregar un control ScriptManager a la forma Default.aspx (que se encuentra en la ficha Extensiones AJAX del Cuadro de herramientas), lo cual es necesario para la gestión de los controles AJAX colocado en el formulario. Convencionalmente este control se encuentra fuera de la etiqueta DIV que Visual Studio crea automáticamente. Después de la inclusión de este control en nuestra página tenemos una situación como esta

A continuación, introduzca una etiqueta en la forma y LabelDataOraLoad denominiamola. Insertar un botón

Abra el archivo y modificar el ebento Default.aspx.cs Page_Load para que la etiqueta muestra la fecha y hora actuales

 protected void Page_Load (object sender, EventArgs e)







 {



  



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







 }

Partimos de la aplicación y generar algunos puestos de nuevo, al hacer clic en el botón varias veces. Lo que observamos es que los valores cambian con cada pulsación del botón.

En este punto, agregar un control UpdatePanel a la página y poner una etiqueta llamada segunda LabelDataOraUpdate en este control

Por esta etiqueta se modifique el evento Page_Load para que muestre la fecha y hora actuales

 protected void Page_Load (object sender, EventArgs e)







 {



  



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



  



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







 }

Partimos de la aplicación y generar algunos puestos de nuevo como antes. Vemos que las etiquetas se comportan de la misma manera, actualizado con cada clic

Esto es porque aunque la segunda etiqueta está dentro de dell'UpdatePanel la acción que causó la devolución de datos tiene lugar fuera de este control. Ahora mueva el botón de dell'UpdatePanel eliminar. Si nos fijamos vemos que el archivo default.aspx que se coloca dentro del botón en el panel de etiquetas

Si empezamos en este punto vemos que la aplicación haciendo clic en la etiqueta del botón sólo nell'UpdatePanel contenido se actualiza mientras el otro se establece en el valor de la carga la primera página

Este es el proceso llamado actualización parcial de la técnica sólo se actualiza la página paginaperchè en respuesta a una acción particular (el clic de un botón).

Esto es claramente un pequeño ejemplo que muestra el potencial de AJAX, y os invito a profundizar a través de la documentación oficial de las características interesantes de otros controles de Microsoft, como Timer, UpdateProgress AutoCompleteExtender, etc.

• <<Lección anterior
• Índice de la ayuda
• Lección siguiente>>