Cargando

Ir a contenido


 


ASP.NET MVC - Vistas Parciales con Ajax

En este tutorial vamos a ver las vistas parciales y cómo podemos utilizarlas en ASP.NET MVC.



Escrito por el jun 15 2014 14:25 asp.net ajax


El diseño de aplicaciones con ASP.NET MVC nos da la posibilidad de combinar muchas técnicas de desarrollo siempre y cuando estas no contravengan el principio de Modelo, Vista, Controlador, con lo cual podemos utilizar herramientas como Ajax para hacer de nuestra aplicación algo más dinámico y atractivo para el usuario.

Respecto al uso de Ajax tenemos algo que son las llamadas vistas parciales, que no son más que trozos de información que se generan en nuestros controladores y que podemos incluir en vistas ya hechas y que se muestran al usuario, con ello podemos lograr un efecto de carga asincrónica muy interesante.

Renderizado Parcial

Cuando hacemos una petición a un recurso por HTTP este nos devuelve una respuesta, esta respuesta la podemos mostrar en una página ya que está compuesta de HTML, si vemos esta forma de acción si queremos actualizar una página que estamos viendo, simplemente refrescamos y debería mostrar la nueva información.

Desventaja
Existen algunas veces que no nos conviene refrescar una página entera, ya sea porque es muy costoso a nivel de rendimiento o simplemente no es óptimo para los usuarios, para ello podemos cargar solo la sección que nos interesa, esto lo logramos utilizando Ajax y es la base de las vistas parciales.


Comportamiento de Ajax

Antes de poder realizar algo en ASP.NET vamos a ver cómo se comporta el Ajax clásico, con la ayuda de jQuery lo que queremos lograr es cargar una sección luego que la página ha sido cargada sin necesidad de refrescarla, veamos el siguiente código fuente en la imagen para tener una noción de lo que vamos a ver frecuentemente en este estilo de desarrollo:


Aquí la lógica es bastante simple, tenemos un elemento HTML que sirve como contenedor, en el ejemplo fue llamado “contenedor” de forma que podamos verlo más claro, en él es que vamos a imprimir los datos que obtengamos de forma asincrónica cuando utilizamos el Ajax, vemos entonces que con la ayuda de jQuery le decimos que cuando termine de cargar nuestro documento HTML ejecute un método llamado .load(), esto que hace, que carga un archivo remoto y lo imprime en el selector.

¿De qué debemos asegurarnos?
Lo que debemos asegurar es que tengamos el archivo al cual estamos haciendo el llamado en el método .load() de esta forma podemos asegurar que todo va a funcionar correctamente, de lo contrario obtendremos un error 404 y el espacio donde debía verse la información estará vacío.


Esto es lo que mejor nos sirve para poder desarrollar la realización de las vistas parciales en nuestra aplicación de ASP.NET MVC, simplemente vamos a desarrollar métodos o acciones en nuestros controladores que nos permitan obtener el resultado parcial que vamos a incluir en los selectores vía Ajax, el nivel de complejidad es bajo ya que el framework está preparado para este tipo de peticiones.

Con esto finalizamos este tutorial, ya vimos un poco más sobre cómo utilizar las diferentes herramientas que se nos ofrece para construir una base que nos lleve a lograr nuestros objetivos de desarrollo.
¿Te ha gustado y ayudado este Tutorial?
Puedes premiar al autor pulsando este botón para darle un punto positivo
  • -
  • 0
-
VOTA
5
0%
4
0%
3
0%
2
0%
1
0%

  Información

  •   Publicado jun 15 2014 14:25
  •   Actualizado jun 16 2014 09:17
  •   Visitas 2K
  •   Nivel
    Profesional



Tutoriales Relacionados


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!
Demuestra que eres experto!
  ESCRIBIR TUTORIAL
Suscribirse