Asp.net mvc 4 单击按钮在页面中显示部分查看页面内容

这是我的索引视图页面

<div>
Hello world
</div>
@section footerButton{
    <input type="button" id="button1" value="Button1"/>
}

你好，世界
@节页脚按钮{
}

这是我的布局页面

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

@RenderSection（“页脚按钮”，必填项：false）

这是我的部分查看页面

<h2>This is partial page</h2>

这是部分页面

---

我的要求是，在运行项目后，当我单击按钮时，部分页面内容将显示出来

选项1：将分部包含在视图中的隐藏元素中，并处理按钮

。单击（）

Html

CSS

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

Html

控制器

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

或者将您的部分放在一个隐藏的div中，并处理按钮click事件来显示它，或者使用ajax调用一个服务器方法来返回部分并更新DOM@StephenMuecke先生，你能帮我查一下密码吗？非常感谢，先生。你的两个选择很有效。再次非常感谢。
$('#button1').click(function() {
  $('#mypartial').show();
});

#mypartial {
  display: none;
}

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

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

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