Cargar vista parcial en un div MVC

Question

Tengo un botón en mi punto de vista MVC en tecleo de la misma, se debe añadir una vista parcial en un 'div', llamando a una acción que toma un objeto como un parámetro

probé algo como esto:

$('#buttonId').onclick(function(){ 

$('#divid').load(@Html.Action("ActionName","ControllerName",new{parameterName = objectToPass})) 

}); 

pero carga la vista ActionResult/parcial en la página misma carga no un clic del botón

alguna idea?

Answer 1

carga requiere una cadena, se está generando una trayectoria variable de si nos fijamos en el código fuente que genere algo como:

$('#buttonId').click(function(){ 
    $('#divid').load(yoururl/); 
}); 

pero lo que quiere es:

$('#buttonId').click(function(){ 
    $('#divid').load("yoururl/"); 
}); 

el código debería verse como:

$('#buttonId').click(function(){ 
    $('#divid').load('@Html.Action("ActionName","ControllerName",new{parameterName = objectToPass})'); 
}); 

pero como puedo ver la carga debería d estar trabajando hasta que haga clic en #buttonId

Answer 2

intenta utilizar

@Url.Action 

en lugar de

@Html.Action 

O puede usar Ajax, por ejemplo:

$('#buttonId').click(function() { 
    $.ajax({ 
     type: 'POST', 
     url: '@Url.Content("~/ControllerName/ActionName")', 
     data: objectToPass, 
     success: function (data) { 
      $('#divid').innerHTML = data; 
     } 
    }); 
} 

Answer 3

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#buttonId').click(function() { 
      $('#divid').load('@Url.Action("About", "Home")'); 
     }); 
    }); 
</script> 

<a id="buttonId">Load partial view or Any URL</a> 

<div id="divid" style="height:100px; width:400px";> 

</div> 

Answer 4

Cargar vista parcial en un div MV C 4

Recientemente quiero cargar Partal Ver en Div, después de hacer un montón de R & D y es un trabajo para mí

$.ajax({ 
type: 'POST', 
url: '@Url.Content("~/ControllerName/ActionName")', 
data: { 
    title: title 
}, 
success: function(result) { 
    $('#divid').innerHTML = result; 
} 

});

And In Partal View Action Controller Code 

public PartialViewResult ShowCategoryForm(string title) 
{ 
    Model model = new Model(); 
    model.Title = title; 
    return PartialView("~/Views/ControllerName/PartalView.cshtml", model); 
}