在MVC应用程序中动态加载PartialView

简介: 原文:在MVC应用程序中动态加载PartialView有时候,我们不太想把PartialView直接Render在Html上,而是使用jQuery来动态加载,或是某一个事件来加载。为了演示与做好这个练习,我们先在Views目录下的Home下创建_Partial1.
原文: 在MVC应用程序中动态加载PartialView

有时候,我们不太想把PartialView直接Render在Html上,而是使用jQuery来动态加载,或是某一个事件来加载。

为了演示与做好这个练习,我们先在Views目录下的Home下创建_Partial1.cshtml部分视图,视图内容任你自定义,Insus.NET在本例中只让其显示一些文字与一张图片:



接下来,我们需要建立一个ActionResult()方法,在Controllers目录之下,打开HomeController.cs:



再去Views\Home目录,创建一个DynamicLoad视图,然后就可以在此视图中,练习动态加载文章开头创建好的部分视图了。



在视图中,Insus.NET只写了一个Div标签,稍后partialView就会加载于此。

但是,由于PartialView(部分视图)不能跟view(视图)一样,直接能够浏览。再加上动态加载时,我们需要指定一个部分视图的路径,因此,Insus.NET需要在控制器中添加一个方法PartialViewResult():



这样,我们就可以回到刚才那个DynamicLoad.cshtml视图,写jQuery代码了:



视图运行时,可以看到下面的效果:




目录
相关文章
|
3月前
|
前端开发 Java 开发者
Spring MVC:构建高效、可维护、可扩展的Web应用程序
Spring MVC:构建高效、可维护、可扩展的Web应用程序
27 0
|
6月前
|
存储 XML 前端开发
“自定义MVC原理解析与示例:打造优雅、可定制化的Java应用程序”(上)
“自定义MVC原理解析与示例:打造优雅、可定制化的Java应用程序”
23 0
|
1月前
|
存储 设计模式 前端开发
请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
【2月更文挑战第26天】【2月更文挑战第89篇】请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
|
5月前
|
设计模式 存储 前端开发
介绍Spring MVC框架,以及如何使用它构建Web应用程序。
Spring MVC 是一个用于构建 Java Web 应用程序的强大框架。它基于经典的 MVC(Model-View-Controller)设计模式,提供了一种结构化的方法来开发可维护和可扩展的 Web 应用程序。在这篇文章中,我们将深入介绍 Spring MVC 框架,包括其核心概念、工作原理以及如何使用它构建 Web 应用程序。
|
6月前
|
存储 设计模式 前端开发
“深入理解自定义MVC:构建灵活可定制的Java应用程序”
“深入理解自定义MVC:构建灵活可定制的Java应用程序”
23 0
|
5月前
|
存储 前端开发 Java
Java Web框架,如Spring MVC,是一种用于构建Web应用程序的软件框架:学生考试Web应用程序
Java Web框架,如Spring MVC,是一种用于构建Web应用程序的软件框架。它们提供了一种结构化的方法,用于处理Web请求、生成动态内容和管理Web应用程序的组件。以下是关于Java Web框架和Spring MVC的详细解释,以及如何使用Spring MVC创建一个简单的Web应用程序的示例代码。
|
6月前
|
存储 设计模式 前端开发
“实战经验总结:构建灵活、可维护的自定义MVC应用程序”(下)
“实战经验总结:构建灵活、可维护的自定义MVC应用程序”
21 0
|
6月前
|
XML 存储 前端开发
“实战经验总结:构建灵活、可维护的自定义MVC应用程序”(上)
“实战经验总结:构建灵活、可维护的自定义MVC应用程序”
33 0
|
6月前
|
设计模式 前端开发 Java
“自定义MVC原理解析与示例:打造优雅、可定制化的Java应用程序”(下)
“自定义MVC原理解析与示例:打造优雅、可定制化的Java应用程序”(下)
17 0
|
前端开发 JavaScript
Backbone.js:为复杂WEB应用程序提供MVC结构
Backbone.js:为复杂WEB应用程序提供MVC结构