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