EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

时间:2023-03-08 18:15:38

一:主视图中使用Html.RenderPartial来调用子视图(注意,这里是直接调用子视图,而没有去调用子Action )

在没有使用母版页的主视图中(也就是设置了layout为null的视图中),使用 Html.RenderPartial  可以调用分部视图(只调用视图,不调用action),并且使用 ViewData 来从主Action里面传值到主视图,或者是分布视图

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

最后生成的html如下

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

 

二:在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view 和return PartialView 的区别)

这种情景是,我们在主视图中,有个按钮,点击之后,调用ajax去请求另外一个子Action ,并且  子Action 用 Return View或者是Return PartialView 来返回完整视图,或者是分部视图.

 

这个很简单,就是在 主视图中,调用 ajax,来访问子 action的方法,  如果要传递至,就自己在 ajax 里面来写参数

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

后台

public ActionResult Login()
{
return PartialView("PartialLogin"); //如果是返回分部视图,那么不走_ViewStart.cshtml页面,直接就去 分部视图页
//return View("PartialLogin"); //如果是返回全部视图,那么就走_ViewStart.cshtml页面(这里还要走Layout的中设置的页面),然后再走视图页面 }

我们看看我们的分部视图 PartialLogin.cshtml 很简单,就两行代码

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

 

我们先看看 通过 return PartialView("PartialLogin");返回的分部视图,由于是没有走 _ViewStart.cshtml 的,所以直接就返回视图里面的内容

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

我们再来看看  return View("PartialLogin"); 返回全部视图. 全部视图有个特点是会先走 ViewStart.cshtml 页面, 我们看看 ViewStart.cshtml中有什么代码

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

由于在ViewStart.cshtml 中的 Layout有设置页面,那么还会去执行这个页面中的代码

我们在代码中看到是一大段的代码,执行完这段之后,最后再去执行我们指定的视图  PartialLogin  ,注意,由于 在ViewStart 的Layout设置的页面 (_Layout.cshtml) 中有用到 RendyBody 这个方法,所以后面要有代码来填这个坑

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

那么最后返回给前台的代码是?

EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view ,return PartialView区别)

结论  当调用 子 action的时候,如果返回的是  return PartialView("PartialLogin");  则不走 _ViewStart.cshtml页面 , 直接走视图 .最后再返回给 主视图中的Ajax要调用到的地方

 

如果返回的是  return View("PartialLogin"); 那么就先走_ViewStart.cshtml页面(如果Layout有设置页面,那么先要走Layout中的页面),然后再正常走视图,最后再返回给 主视图中的 Ajax要调用到的地方

关于ViewStart执行的顺序,具体的也可以看看这篇文章  EF5+MVC4系列(10) mvc的布局页面 _ViewStart.Cshtml