为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
JQuery

有时候,我们不太想把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代码了:



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




 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消