Asp.net mvc 加载局部视图
我试图在index.cshtml中使用以下命令加载局部视图。但是btn负载没有做任何事情,我使用Statnard mvc internet模板很好地加载了jqueryAsp.net mvc 加载局部视图,asp.net-mvc,c#-4.0,Asp.net Mvc,C# 4.0,我试图在index.cshtml中使用以下命令加载局部视图。但是btn负载没有做任何事情,我使用Statnard mvc internet模板很好地加载了jquery <input id="btnLoad" type="button" value="LoadRegsitrationForm"/> <br/> <!-- partial view container --> <div id="divPartialViewCo
<input id="btnLoad" type="button" value="LoadRegsitrationForm"/>
<br/>
<!-- partial view container -->
<div id="divPartialViewContainer" >
</div>
<script type="text/javascript">
$(document).ready(function () {
$('#btnLoad').click(function () {
$.ajax({
url: '/Home/HtmlControlTest/',
type: 'POST',
contentType: 'application/html',
//data: JSON.stringify(model),
success: function (content) {
$('#divPartialViewContainer').html(content);
},
error: function (e) { }
});
});
});
</script>
然后在我的HtmlControllerTest中。我只有一些标签和文本框。我不知道如何在这里显示这段代码,因为它正在将其转换为元素
我之所以使用部分视图,是因为我想尝试构建一个表单生成器,并认为这是最好的方法,但如果每次我都要写一篇文章,我想加载一个部分视图,那么我在下面做的事情就不会很有效率了。请更正您的ajax调用:
$.ajax({
url: '/Home/HtmlControlTest/',
type: 'POST',
contentType: 'application/html',
datatype:'html', <------------
success: function (content) {
$('#divPartialViewContainer').html(content);
},
error: function (e) { }
});
$.ajax({
url:“/Home/HtmlControlTest/”,
键入:“POST”,
contentType:“应用程序/html”,
数据类型:'html',您好,这是最有效的方法吗?如果我使用表单生成器路线,如何在部分视图之间切换?我不明白您@user3824967您是否要求在主视图中加载部分视图的最有效方法。是的,我将创建一个表单生成器,在其中使用部分vie加载预览控件ws-ie在部分视图中,我将使用各种控件ie下拉列表,部分视图中的文本框,然后根据它们单击的控件加载它们。因此,我想知道最好的方法是使用switch语句,这样我就不必使用20种不同的post方法来更改部分视图,因为您可以看到,该示例只使用了一个div divpartialviewccontainer.我需要将相当多的数据加载到一个容器中,而不重写div是否可能?查看@user3824967如果在您的PartialView中,您是绑定下拉列表并希望显示数据库中的数据,则@{Html.RenderAction();}是最好的,如果您希望显示静态数据或其他内容,则@{Html.RenderPartial();}这是最好的,如果你想在点击任何东西的时候加载partialview,那么就在你正在做的时候使用ajax调用……是的,只是一个关于MVC4生成的表单的问题,它们与html5的兼容性如何,因为这是我老板说的一件事,因为你能在控制台中看到任何错误吗?
$.ajax({
url: '/Home/HtmlControlTest/',
type: 'POST',
contentType: 'application/html',
datatype:'html', <------------
success: function (content) {
$('#divPartialViewContainer').html(content);
},
error: function (e) { }
});