在按钮单击的页面中显示部分视图页面内容

Question

这是我的索引视图页面。

<div id="divFooter">
    @RenderSection("footerButton", required:false)
    </div>

这是我的布局页面。

<h2>This is partial page</h2>

这是我的部分视图页面。

length

我的要求是，在点击按钮运行项目后，将显示部分页面内容。

Answer 1

选项1：将部分包含在视图中的隐藏元素中并处理按钮.click()事件以显示它

HTML

<div id="mypartial">
  @Html.Partial("_YourPartial")
</div>

脚本

$('#button1').click(function() {
  $('#mypartial').show();
});

CSS

#mypartial {
  display: none;
}

选项2：使用ajax调用返回局部视图并更新DOM的服务器方法

HTML

<div id="mypartial"></div>

脚本

var url = '@Url.Action("YourMethod")';
$('#button1').click(function() {
  $('#mypartial').load(url);
});

控制器

public ActionResult YourMethod()
{
  return PartialView();
}