14.04.2013 Views

Tema AJAX

Tema AJAX

Tema AJAX

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Programación avanzada en .NET con C#<br />

Servicio de Informática<br />

Familiarizarse con Ajax<br />

2<br />

<strong>AJAX</strong><br />

Introducción<br />

El modelo estándar de trabajo hasta ahora con ASP.NET ha sido utilizar el modelo postback<br />

conde las páginas están perpetuamente reenviándose al servidor web y regenerándose. Esto<br />

conlleva la desventaja de que se reenvían todos los datos al servidor, además de un incómodo<br />

parpadeo.<br />

La nueva generación de aplicaciones web utiliza un conjunto de prácticas de diseño y<br />

tecnologías conocidas como Ajax cuya característica fundamental es la capacidad para<br />

actualizar parte de la página, mientras que deja el resto intacto.<br />

<strong>AJAX</strong> son las siglas de Asynchronous JavaScript And XML. No es un lenguaje de programación<br />

sino un conjunto de tecnologías (HTML-JavaScript-CSS-DHTML-PHP/ASP.NET/JSP-XML) que nos<br />

permiten hacer páginas de internet más interactivas.<br />

La característica fundamental de <strong>AJAX</strong> es permitir actualizar parte de una página con<br />

información que se encuentra en el servidor sin tener que refrescar completamente la página.<br />

De modo similar podemos enviar información al servidor.<br />

Vamos a sorprendernos al ver que ASP.Net esconde la complejidad de Ajax y permite una fácil<br />

transición entre aplicaciones web tradicionales y el nuevo modelo.<br />

Relación de controles de <strong>AJAX</strong><br />

Control ScriptManager<br />

El control ScriptManager administra el script de<br />

cliente de las páginas web ASP.NET habilitadas<br />

para <strong>AJAX</strong>. De forma predeterminada, el control<br />

ScriptManager registra el script de Microsoft Ajax<br />

Library con la página. Esto permite al script de<br />

cliente usar las extensiones del sistema de tipos y<br />

admitir características como la representación<br />

parcial de páginas y las llamadas a servicios Web.<br />

Más adelante veremos cómo ampliar el javascript<br />

de manera que sólo actúe en la parte de página<br />

que se carga por <strong>AJAX</strong> y los posibles usos.<br />

Hay una propiedad a destacar: el tiempo que debe esperar la página de ASP.NET que hace la<br />

llamada antes de dar un timeScriptOut. Por defecto son 90 segundos. Si deseamos ampliar<br />

este tiempo usaremos:

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!