ASP.NET MVC异步加载分部视图

最新推荐文章于 2020-05-28 23:52:19 发布

sven_xu

最新推荐文章于 2020-05-28 23:52:19 发布

阅读量5k

点赞数 2

分类专栏： MVC

本文链接：https://blog.csdn.net/sven_xu/article/details/46324059

版权

MVC 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

　　在asp.net mvc中返回View时使用的是ViewResult,它继承自ViewResultBase 同时它还有个兄弟PartialViewResult，相信聪明的你已经知道了它俩的区别了，没错一个用于返回整体，另一个返回局部(部分)。

　　假设我有这样一个需求，输入用户名，然后返回相关信息。之前的做法可能会是用json格式来返回用户的相关信息，然后到页面去渲染相关的HTML，如果产生的相关HTML比较大的话，我还是建议你沿用之前的方案(返回json)，因为传输的数据少，响应快一些。反之，PartialViewResult 则是返回部分HTML 的不错选择。

　　下面就让我们看下如何使用PartialViewResult:

1、Layout.cshtml

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

</head>

<body>

@RenderBody()

</body>

</html>

2、Index.cshtml

ViewBag.Title = "Index";

Layout = "~/Views/Shared/_Layout.cshtml";

}

<h2>

PartialView Demo</h2>

<div>

Please write your name here

</div>

<br />

</div>

$(function () {

$('#btnOK').click(function () {

var data = { Name: $('#txtName').val()};

$.ajax({

type: "POST",

url: '@Url.Action("PartialViewDemo", "Home")',

data: data,

datatype: "html",

success: function (data) {

$('#content').html(data);

error: function () {

alert("处理失败!");

}

});

</script>

3、ViewUserControl.cshtml （Partial View）

@model Sample.Models.PartialViewDemoViewModel

<div>

<h2>ViewUserControl.cshtml</h2>

@Model.dt

Hello~ @Model.Name

</div>

or ViewUC.ascx （View User Control）

<%@ Control Language="C#"Inherits="System.Web.Mvc.ViewUserControl<Vancl.Sample.Models.PartialViewDemoViewModel>" %>

<div>

<h2>ViewUC.ascx</h2>

<%=Model.dt %>

Hello~ <%=Model.Name %>

</div>

4、Model

public class PartialViewDemoViewModel

{

public string Name { set; get; }

public DateTime? dt { set; get; }

}

5、Action

[HttpPost]

public ActionResult PartialViewDemo(PartialViewDemoViewModel model)

{

model.dt = DateTime.Now;

return PartialView("ViewUserControl", model);

//return PartialView("ViewUC", model);

}

　调用 Controller.PartialView方法时,可以指定 Partial View or View User Control 效果是一样的。不写后缀时，会查找同目录和Shared目录下的文件，也就是在同目录或Shared目录下时可以省略后缀名。

　　如果目录下存在同名的情况，会找第一个并返回。eg: 同目录下有 ViewUserControl.ascx 和 ViewUserControl.cshtml，这时使用 return PartialView("ViewUserControl");会返回 ViewUserControl.ascx 的内容，因为字母a在c前 :)。如果在这种情况下想调用 ViewUserControl.cshtml，则需要写全路径，return PartialView("~/Views/Home/ViewUserControl.cshtml");

　当想访问的 Partial View or View User Control 在不同目录时，也可以通过全路径的方式访问。

sven_xu

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET MVC异步加载分部视图

在asp.net mvc中返回View时使用的是ViewResult,它继承自ViewResultBase 同时它还有个兄弟PartialViewResult，相信聪明的你已经知道了它俩的区别了，没错一个用于返回整体，另一个返回局部(部分)。　　假设我有这样一个需求，输入用户名，然后返回相关信息。之前的做法可能会是用json格式来返回用户的相关信息，然后到页面去渲染相关的HTML，如果产生的相
复制链接

扫一扫

专栏目录