[英]AJAX to call a partial view
当用户单击按钮时,我在Web窗体中的旧项目将显示一个面板。 我当前的项目是在C#MVC中重建此功能。
该视图将使用Javascript和AJAX显示按需的局部视图。 该代码可在调试器中正确流动,但不会调用部分视图。
我已经使用SOF帖子来设置JS,以便正确显示包含部分视图的div。 我在AJAX或其他地方缺少什么? (也许我需要装饰目标动作?也许我需要在局部视图中做点什么?)
视图的相关部分:
<script type="text/javascript">
//Show the Add Project section.
function NewProject() {
//1. Reset the Add Project partial view.
//2. Show the Add Project partial view.
//3. Put focus into the project title field.
//4. Hide the button.
$("#divNewProject").show();
$.ajax({
url: "/Organization/AddProject/"
}).done(function () {
$("#divNewProject").html(data);
$("#ProjectTitle").focus();
$("#ProjectTitle").scrollIntoView();
});
$("#divAddProject").hide();
}
</script>
...
<div id="divAddProject">
@* Button to add a project, showing/hiding a partial view *@
<button type="button" name="btnAddProject" id="btnAddProject" value="Add" onclick="NewProject()" class="btn">
<span class="wizard-step-text">Add New Project</span>
</button>
</div>
<div id="divNewProject" hidden="hidden">
This is a test. It should start out hidden and later be shown.
</div>
您可以这样做:
function NewProject() {
$("#divNewProject").show();
$.ajax({
url: '@Url.Action("AddProject","Organization")',
success : function(data)
{
$("#divNewProject").html(data);
$("#ProjectTitle").focus();
$("#ProjectTitle").scrollIntoView();
$("#divAddProject").hide();
}
});
}
内部完成的函数应具有“数据”作为参数。
$.ajax({
url: "/Organization/AddProject/"
}).done(function (data) {
$("#divNewProject").html(data);
$("#ProjectTitle").focus();
$("#ProjectTitle").scrollIntoView();
});
在调试时,请在done
函数中设置一个断点。 它应该会命中,您会看到尚未定义data
变量。
它应该是:
}).done(function(data) {
// Do something with data
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.