jquery - 如何在单击 HTML 按钮时呈现部分页面？

Question

我是 MVC3.0 的新手，必须使用 jquery。我想知道有人可以帮助我如何在单击 HTML 按钮时呈现部分 View 页面？

我知道这真的很简单，该按钮可以称为“电子邮件至”，它将使用名为“emailForm”的partialView。但我需要一些帮助。

Answer 1

如果可能的话，我想说 @smdrager 的响应是所需的路线。但是，如果您需要从 ajax 请求获取 html，则有很多方法可以做到这一点...这里是一个示例 :)

在您的模板中，您将有一个按钮或链接，以及一个用于存放内容的 div 容器:

<a href="javascript:void(0)" id="emailTo">email to</a>
<div id="emailToContent"></div>

您需要一些快速的 JavaScript 来连接客户端功能:

<script type="text/javascript">
  $("#emailTo").click(function(){
    $.get("<url to partial>", function(data){$("#emailToContent").html(data);}
  });
</script>

然后，在您的 Controller 中，您需要一个返回部分内容的操作:

public ActionResult EmailTo()
{
  ...
  return PartialView("some partial")
}

确保传入 javascript $.get 调用的 URL 指向返回部分内容的操作。

这是一个非常基本的实现，如果您的情况变得更加复杂(异常处理、参数传递等)，它很容易变得更加复杂，但是当我需要一个简单的 ajax 请求来触发时，一般布局对我有用。