页面利用$.Ajax:

        $(function(){$("#btnpartview").click(function () {var model = [];model.push($("#txtAge").val(), $("#txtName").val());$.ajax({url: '/Home/Refresh',//控制器活动,返回一个分部视图,并且给分部视图传递数据.data: JSON.stringify(model),//传给服务器的数据(即后台AddUsers()方法的参数,参数类型要一致才可以)type: 'POST',contentType: 'application/json;charset=utf-8',//数据类型必须有async: true,//异步success: function (data) //成功后的回调方法
                    {$("#myDiv").html(data);//data--就是对应的分部视图页面内容.//alert(data)//弹出框
                    },error: function (data) {alert("失败:"+data[0])//弹出框
                    }});})})

控制器中:

  public ActionResult Refresh(string[] person){string str = person[0];LinkedList<DemoData> datastest1 = new LinkedList<DemoData>();//List<DemoData> datastest = new List<DemoData>();DemoData dd = new DemoData();dd.txtno = "1";dd.txtname = "李四";dd.txtage = "22";datastest1.AddLast(dd);DemoData dd1 = new DemoData();dd1.txtno = "2";dd1.txtname = "小王";dd1.txtage = "23";datastest1.AddLast(dd1);DemoData dd2 = new DemoData();dd2.txtno = "3";dd2.txtname = "张三";dd2.txtage = "22";datastest1.AddLast(dd2);//return PartialView("/Views/Home/_PartialPage2.cshtml", datastest1);//要绝对路径return PartialView("/Views/Shared/PartView1.cshtml", datastest1);//要绝对路径.datastest1--要传到分部视图中的数据.}

页面:

    <div id="myDiv">Ajax 内容显示@*@Html.Partial("PartView1.cshtml", Model);*@</div>

分部视图:

@model IEnumerable<MvcApp.Models.DemoData>
<div><div><select id="opselect"><option value="opone">第一个值</option><option value="optwo">第二个值</option><option value="opthree">第三个值</option><option value="optfour">第四个值</option></select></div><table>@foreach (var item in Model){var i = 0;<tr style="background-color:#CCC;"><td>@item.txtno</td><td style="width:30%">@item.txtname</td><td>@item.txtage</td></tr>i++;}</table>
</div>

刷新之前的页面:

刷新后的页面:

转载于:https://www.cnblogs.com/longdb/p/7574450.html

.net mvc 利用分部视图局部刷新.相关推荐

  1. ASP.NET MVC 的分部视图

    1.什么是分部视图,我们应该什么时候应该用? 作为一个对ASP.NET MVC 模型很熟悉的开发者,他们自然想创建一个内容和代码都可以重用的组件,在web 窗体,我们可以创建一个web用户控件或web ...

  2. asp.net mvc3 利用Ajax实现局部刷新

    1.利用Ajax.ActionLink()方法 首先在_Layout.cshtml文件中加载 运行AJAX必要的Jquery <script src="@Url.Content(&qu ...

  3. .NET ASP.NET 中web窗体(.aspx)利用ajax实现局部刷新

    C#所有runat="server"的控件都会造成整个界面的刷新,如果想实现局部刷新,可以利用ajax.需要加入的控件有ScriptManager和UpdatePanel,可以实现 ...

  4. 利用jquery load 局部刷新数据

    <base><style>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: ...

  5. 利用jquery-ajax实现局部刷新

    文章目录 使用jquery实现局部刷新 后端使用springMVC模式进行数据处理 后端使用Servlet进行数据处理 关于更具体的jquery的ajax方法和参数 关于跨域访问 使用jquery实现 ...

  6. 笔记之一:关于.net MVC的分部视图

    分部视图(Patial)一般分为两种,一种是静态,一种为动态. 静态视图毋庸赘言,一般多用于logo条之类的可以整体搬移重用的静态结构.在share文件夹中创建并在页面中用Html.Partial(& ...

  7. ASP.Net MVC开发基础学习笔记(10):分部视图PartialView

    前言 本节我们来看分部视图PartialView的用法.首先我们会创建一个简单的静态分部视图.然后向这个视图中传入Model数据,使其变成动态分部视图.接下来介绍使用ChildAction来调用分部视 ...

  8. 爱上MVC~ajax调用分部视图session超时页面跳转问题

    这个问题出现了很多年了,都没有解决,问题是这样的,有一个需要授权才可以访问的分部视图,在一个view中使用ajax的方法去调用它,然后更新页面的局部DIV,这时,如果你长时间不操作,session会超 ...

  9. html.action 访问分部视图,MVC+EF 随笔小计——分部视图(Partial View)及Html.Partial和Html.Action差异...

    Partial View指可以应用于View中以作为其中一部分的View的片段(类似于之前的user control), 可以像类一样,编写一次, 然后在其他View中被反复使用. 一般放在" ...

最新文章

  1. oracle视图能用etl工具_(转)使用kettle作为sqlserver2008和oracle10G之间的ETL工具
  2. Cassandra 的数据存储结构——本质是SortedMapRowKey, SortedMapColumnKey, ColumnValue
  3. 聊聊JvmGcMetrics的managementExtensionsPresent
  4. tomcat 端口_【Java】指定端口运行 war 包
  5. 文件流导出乱码_Savespss:不使用StatTransfer也可转换dta为sav文件的利器
  6. Java21-day12【网络编程(网络编程入门(ip地址、端口、协议、InetAddress)、UDP通信程序、TCP通信程序)】
  7. 在 Windows上写 Python 代码的最佳组合!
  8. nodejs + Mysql 在前端页面控制后台数据
  9. 鹅厂程序员最喜欢用什么编程语言?Leader写代码么?
  10. Lotus Notes Domino 监控
  11. Scala 获取当前时间
  12. weblogic部署静态资源文件html,Tomcat和Weblogic部署纯html文件过程解析
  13. [亲测]Oracle数据库约束
  14. python中random.sample()函数
  15. 虹膜手机元年,支付是杀手级场景
  16. 【RPG黑暗之光】第四章· 物品模块
  17. Git - GitWeb
  18. STC15系列单片机与 OV7670 SCCB通讯
  19. matlab行距,Matlab cdfplot:如何控制标记间距的间距
  20. 一天的班上玩一直是想去干什么呢

热门文章

  1. 国内镜像大全(部分)
  2. Android GPRS上网过程中数据图标的变化过程
  3. 互动媒体大作业——绘画系统
  4. 用计算机算日期,200天纪念是在哪一天,几月几日?
  5. 我用ubuntu——linux路上搞qq,及,其他
  6. python播放mp3文件
  7. www.chinaz.com 站长之家
  8. 全球与中国中型徒步鞋市场深度研究分析报告
  9. 阳历转化为农历的c语言程序,公历和农历之间如何转换?
  10. latex算法框三线加粗