您的位置：首页 > 其它

MVC4.0 实现单一Action返回多种结果

2015-10-23 18:00 10 查看

在开发过程中，我们往往会遇到这种情况。例如：展示学生的详细信息页面，加载学生的详细信息局部视图，异步请求学生的详细信息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.我们可以看一下渲染效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航