|
|
|
tutoriales > ASP .NET AJAX
AJAX Visual Studio .NET Ajax (Asíncrono XML, Javascript) es una forma de describir una técnica de desarrollo WEB por la cual se hacen peticiones al servicidor sin necesidad de refrescar la página Web. Ajax usa una combinación de HMTL o XHTML y Hojas de estilo para presentar la información y DOM (Modelo de objeto de documento) y Javascript para dinámicamente mostrar y interactuar con la información mostrada. using a combination of: * HTML (or XHTML) and Cascading Style Sheets for presenting information* Document Object Model, JavaScript to dynamically display and interact with the information presented* XML, XSLT 
ASP .NET y AJAX, como se diría en inglés, es un "piece of cake" ya que ASP .NET incorpora una biblioteca llamada ASP .NET AJAX, anteriormente conocida como ATLAS, con la cual sencillamente podemos utilzar AJAX. ASP .NET se puede descargar aquí Una vez instalado este biblioteca vamos a desarrollar un ejemplo de como funciona AJAX. 1. Crear un proyecto Web ajax habilitado Ajax Enabled Web Site. 
2. Desde la barra de herramientas añadir el control ScriptManager 
3. Arrastrar un updatePanel justo debajo del ScriptManager, como muestrar la imagen. 
4. Arrastrar un GridView dentro del Update Panel 
5. Seleccionar autoformato y poner el contexto que más guste 6. Seleccionar 7. Hacer un select del datasource, cualquiera no importa lo único que necesitamos ahora mismo son datos para realizar el ejemplo 8. Seleccionar Habilitar paginación. Salvar y ejecutar 
9. Si todo ha ido bien tendremos la siguiente imagen. Pichar en la paginación y veremos que la página no se refresca al actualizar el grid, por la tanto ya estamos implementado AJAX. 
10. A veces puede tardar demasiado en actualizar los campos. Vamos a añadir un control con el cual se ve el progreso de la actualización. Arrastrar un Update progress justo debajo del update panel. Una vez arrastrado escribir dentro el mensaje que queremos que salga cuando este realizando la carga. Yo por ejemplo voy a poner, espero por favor cargando. 
10. Finalmente en el navegador se vera de la siguiente manera 
Este ejemplo esta realizado con un gridView pero se puede usar con cualquier control que necesitemos que trabaje con AJAX. Con ASP .NET AJAX es tan simple que no deberíamos de dejar de usarlo.
|
| Directorio |