在开发过程中，我们往往会遇到这种情况。例如：展示学生的详细信息页面，加载学生的详细信息局部视图，异步请求学生的详细信息Json数据等等。
一般情况下，我们会写三个不同的action来支撑前台数据的调用，Student（view视图）、PartialStudent（Partial视图）和JsonStudent（JsonResult视图）。从实现上，我们写的代码没有任何问题，这些功能都是我们想要的，而且代码也很整洁。
但是仔细想想，会发现三个Action执行相同的业务逻辑，唯一的区别只是返回个浏览器内容的方式不同，为了减少重复的代码，我们可以做出以下代码调整
1.仿Request.IsAjaxRequest()，给HttpRequestBase扩展一个IsPartialRequest方法，来判断是否是局部视图请求（需要Url上加一个format=partial的参数来辅助实现）
public static class HttpRequestBaseExtensions
{
public static bool IsPartialRequest(this HttpRequestBase request)
{
return string.Equals(request["format"], "partial");
}
}
2.仿Request.IsAjaxRequest()，给HttpRequestBase扩展一个IsJsonRequest方法，来判断是否是Json请求（需要Url上加一个format=json的参数来辅助实现）
public static class HttpRequestBaseExtensions
{
public static bool IsJsonRequest(this HttpRequestBase request)
{
return string.Equals(request["format"], "json");
}
}
3.合并请求的逻辑代码
public ActionResult Student()
{
if (Request.IsJsonRequest())
return Json(new { Name = "我是小明" }, JsonRequestBehavior.AllowGet);
if (Request.IsPartialRequest())
return PartialView("PartialStudent");
return View(new { Name = "小明", Sex = "女" });
}
4.调取数据的前台代码如下：
<body>
<h3>view视图</h3>
<div>我是小明</div>
<h3>PartialView视图：</h3>
<div id="partial"></div>
<h3>Json数据：</h3>
<div id="json"></div>
<script src="~/Content/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function () {
$('#partial').load('@Url.Action("Student", "Home", new { area=string.Empty, format="partial" })');
$.post('@Url.Action("Student", "Home")', { format: 'json' }, function (res) {
if (res) {
$('#json').html(res.Name);
}
}, 'json')
})
</script>
</body>
5.我们可以看一下渲染效果
