ASP.NET MVC - Ajaxified RenderAction

Question

Estoy satisfecho con lo que hace la función RenderAction(). Sin embargo, me gustaría ajaxify la carga y el almacenamiento de datos en la acción parcialmente representada, para que todo ocurra en una página.

Imagine el siguiente caso: Tengo una vista de detalles del artículo donde hay un enlace "Agregar comentario" debajo del contenido del artículo. Cuando se hace clic en él, aparecerá un formulario de comentarios debajo del contenido de la publicación. El usuario debe poder completar el cuadro de comentarios y enviar los datos sin actualizar toda la vista, solo la acción parcialmente renderizada. Además, la vista debe proporcionar varios comentarios para ser agregados en la misma sesión (varias llamadas AJAX a RenderAction());

¿Cuál es la mejor manera de lograr eso?

Answer 1

Acción:

[HttpGet] 
public ActionResult AddComment() 
{ 
    return PartialView(); // presumes partial view is called "AddComment" and needs no model 
          // you know what to do otherwise. 
} 

Vista:

<input type="button" value="Add Comment" onclick="addComment()" /> 

JavaScript:

function addComment() { 
    $("#comments").append("<div></div>").load("/ControllerName/AddComment"); 
} 

Eso es lo básico. Puedes hacer esto tan complicado como quieras.