[英]Load partial view in a div MVC
单击它时,我的 MVC 视图上有一个按钮,它应该通过调用一个以 object 作为参数的操作在“div”中添加一个局部视图
我尝试了这样的事情:
$('#buttonId').onclick(function(){
$('#divid').load(@Html.Action("ActionName","ControllerName",new{parameterName = objectToPass}))
});
但它会在页面加载本身而不是单击按钮时加载操作结果/部分视图
任何想法?
尝试使用
@Url.Action
代替
@Html.Action
或者您可以使用ajax,例如:
$('#buttonId').click( function() {
$.ajax({
type: 'POST',
url: '@Url.Content("~/ControllerName/ActionName")',
data: objectToPass,
success: function (data) {
$('#divid').innerHTML = data;
}
});
}
在div MVC 4中加载局部视图
最近我想在进行大量研发后加载部分视图,这对我来说很有用
$.ajax({
type: 'POST',
url: '@Url.Content("~/ControllerName/ActionName")',
data: {
title: title
},
success: function(result) {
$('#divid').innerHTML = result;
}
});
并在部分视图操作控制器代码中
public PartialViewResult ShowCategoryForm(string title)
{
Model model = new Model();
model.Title = title;
return PartialView("~/Views/ControllerName/PartalView.cshtml", model);
}
<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>
load需要一个字符串,如果你看一下你生成的源代码,就会生成一个变量路径:
$('#buttonId').click(function(){
$('#divid').load(yoururl/);
});
但你想要的是:
$('#buttonId').click(function(){
$('#divid').load("yoururl/");
});
代码应如下所示:
$('#buttonId').click(function(){
$('#divid').load('@Html.Action("ActionName","ControllerName",new{parameterName = objectToPass})');
});
但正如我所看到的那样,负载应该正常工作,直到你点击#buttonId
在ajax调用成功函数追加结果
ajax call =>
url: 'controllername/methodname'
success: function (partialviewresult)
{
$('#div').append(partialviewresult);
}
// inside controller
public ActionResult methodname()
{
return PartialView("~/a/a.cshtml");
}
和控制器必须返回部分视图作为结果
html(data) 代替 innerHTML 为我工作;
$('#buttonId').click( function() {
$.ajax({
type: 'POST',
url: '@Url.Content("~/ControllerName/ActionName")',
data: objectToPass,
success: function (data) {
$('#divid').html(data);
}
});}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.