obciążenia częściowy widok w div MVC

Question

mam przycisku na moim zdaniem MVC na kliknięcie niej, należy dodać częściowy widok w „div”, wywołując działanie, które przyjmuje obiekt jako parametr

starałem się pewne rzeczy tak:

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

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

}); 

ale ładuje ActionResult/częściowy widok na stronie obciążenia sama nie kliknięcie przycisku

jakiś pomysł?

Answer 1

obciążenie wymaga ciąg, jesteś generowania zmiennej PATH jeśli spojrzeć na kodzie źródłowym generować coś takiego:

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

ale to, co chcesz:

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

kod powinien wyglądać następująco:

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

ale jak widzę ładunek shoul d pracować dopiero po kliknięciu na #buttonId

Answer 2

spróbować użyć

@Url.Action 

zamiast

@Html.Action 

Albo można użyć ajax, na przykład:

$('#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

Załaduj częściowy widok w div MV C4

Ostatnio Chcę załadować Partal View w Div, po zrobieniu mnóstwo R & D i jest to praca dla mnie

$.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); 
}