Professional Documents
Culture Documents
NET
Ajax siempre o Ajax a veces
Antes de ver con un ejemplo el uso de Ajax en ASP.NET, vamos a hacer una
mencin a la prudencia.
Ajax no es sinnimo del ideal, y aunque es muy interesante y muy til, un mal,
indebido o abuso uso de Ajax, puede acarrear problemas serios en los desarrollos
de aplicaciones Web.
Es muy importante tener claro que no siempre debemos usar Ajax, y tambin tener
claro que a veces, podemos sobrecargar el servidor en exceso y provocar ms
perjuicios que beneficios.
Dicho esto, que sirva simplemente de atencin, veamos un ejemplo de como usar
Ajax en ASP.NET.
Ajax Extensions
Las Ajax Extensions o las extensiones de Ajax para ASP.NET, son unos controles de
servidor que nos permite aadir funcionalidades Ajax a nuestras aplicaciones
ASP.NET.
El control ScriptManager
El control Script Manager es el control principal del lado del servidor que tiene
relacin directa con Ajax y ASP.NET.
Ajax proporciona una comunicacin "por debajo" entre el servidor y el navegador
Web (usuario) gestionada a travs de cdigo JavaScript. De ah, que Ajax signifique
Asynchronous JavaScript And XML.
Este cdigo JavaScript se encarga de hacer llamadas a recursos remotos
manejando hbilmente en la interfaz de usuario las respuestas que le devuelve el
Pgina 1
Ajax en ASP.NET
servidor sin que el usaurio tenga la impresin de que se est haciendo, algo que
ocurre con frecuencia al refrescar la pgina Web entera.
El control ScriptManager tiene la misin de generar el cdigo JavaScript necesario
para gestionar las peticiones Ajax con el navegador Web.
Pgina 2
Ajax en ASP.NET
Una vez que tenemos los controles de Ajax Control Toolkit listos para ser utilizados
y que hemos creado una nueva pgina Web, vamos a insertar dentro de la pgina
Web un control ScriptManager y un control TextBox estndar.
En este punto, an no habremos indicado ninguna funcionalidad Ajax a nuestros
controles.
La siguiente accin ser seleccionar la opcin Agregar extensor del control TextBox.
Pgina 3
Ajax en ASP.NET
Al ejecutar nuestra aplicacin Web, veremos que sta nos permite seleccionar una
fecha al hacer clic con el ratn sobre la caja de texto sin que tengamos que
recargar el formulario.
Pgina 4
Ajax en ASP.NET
La parte de cdigo que contiene nuestra pgina Web es en este caso la siguiente:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<cc1:CalendarExtender ID="TextBox1_CalendarExtender"
runat="server"
Enabled="True" TargetControlID="TextBox1">
</cc1:CalendarExtender>
En el siguiente ejemplo, vamos a ver como utilizar uno de los controles de Ajax
Control Toolkit, y como mostrar el contenido de ese control en un control TextBox a
travs del postback estndar de ASP.NET
Vamos a iniciar un nuevo proyecto e insertar dentro del formulario Web un control
ScriptManager, un control Editor de Ajax Control Toolkit, y un control TextBox y
Button estndar.
Pgina 5
Ajax en ASP.NET
Haremos doble clic sobre el control Button y escribiremos el siguiente cdigo:
protected void Button1_Click(object sender, EventArgs e)
{
this.TextBox1.Text = this.Editor1.Content.ToString();
}
Pgina 6