ASP.NET MVC中controller和view相互传值的方式

  ASP.NET MVC中Controller向view传值的方式

  1. ViewBag、ViewData、TempData
  2. 单个值的传递
  3. Json
  4. 匿名类型
  5. ExpandoObject
  6. Cookie
  7. ViewModel(向普通View页面传个Model对象、向强类型页面传一个Model对象、用一个ViewModel对象解决所有问题)

  ASP.NET MVC中view向Controller传值的方式

  1. QueryString
  2. RouteData
  3. Model Binding(form、使用和Action参数同名的变量进行传递)
  4. Cookie

  在MVC中ViewBag的作用是数据的传递。在MVC3开始,视图数据能够通过ViewBag属性访问。在MVC2中则是使用ViewData。MVC3中保留了ViewData的使用。ViewBag是动态类型的(dynamic),ViewData是一个字典型的(Dictionary)。

MVC3中ViewBag和ViewData的差别:

ViewBag不再是字典的键值对结构,而是dynamic动态类型的。 它会在程序执行的时候动态解析。

所以在视图中获取它的数据时候不须要进行类型转换

ViewDataViewBag
它是Key/Value字典集合它是dynamic类型对像
从Asp.net MVC 1 就有了ASP.NET MVC3 才有
基于Asp.net 3.5 framework基于Asp.net 4.0与.net framework
ViewData比ViewBag快ViewBag比ViewData慢
在ViewPage中查询数据时须要转换合适的类型在ViewPage中查询数据时不须要类型转换
有一些类型转换代码可读性更好

View向Controller中传递数据的方式

QueryString

View中代码:

复制代码
<div><button id="btn">提交</button>
</div>
<script>$(function () {$('#btn').click(function () {//url不区分大小写location.href = "/home/getvalue?method=querystring";});});
</script>
复制代码

Controller中代码:

public void GetValue()
{//Request属性可用来获取querystring,form表单以及cookie中的值var querystring = Request["method"];
}

使用querystring向后台传递属于http协议中的get方式,即数据会暴露在url中,安全性不高(可通过浏览器历史记录看到发送的数据)且传递的数据量有大小限制。
点击提交按钮后浏览器地址栏中的地址:http://localhost:57625/home/getvalue?method=querystring。程序执行结果如下:

RouteData

路由可以让我们写出可读性较高的url,使用路由传递数据,首先要配置合适的路由:

routes.MapRoute(name: "Default",url: "{controller}/{action}/{id}"
);

前端代码只需要将location.href的值改为和路由匹配的url即可,本示例中为"/home/getvalue/100"
Controller中的代码:

public void GetValue()
{var value = RouteData.Values["id"];
}

获取的值是object类型:


获取路由参数的另外一种方式是给Action设置一个和路由模板中指定的参数名一致(不区分大小写)的参数即可,代码如下:

public void GetValue(int id)
{}

注意,这里不仅获取了路由数据,而且自动将数据类型转换为int类型:

querystring和路由均是通过url进行数据的传递,若数据中包含中文应进行Encode操作。此外,url的长度是有限制的,使用url不可传递过多的数据。url传递参数属于Http协议中的Get请求,若要发送大量数据可以使用Post请求。

ModelBinding

1. Form

form表单形式是常见的向后端发送数据的方式,但是在提交数据是只会提交form表单内部具有name属性input,textarea,select标签的value值。
View中的代码:

<form action="/home/getvalue" method="post"><input type="text" name="username" /><input type="text" name="age" /><input type="submit" name="button" value="提交" />
</form>

Controller中的代码:

复制代码
public void GetValue()
{var name = Request["username"];var age = Request["age"];var btn = Request["button"];
}
复制代码

获取到的数据均为string类型:

现在我们创建一个和form表单对应的类:

public class User
{public string UserName { set; get; }public int Age { set; get; }
}

修改Action的代码如下:

public void GetValue(User user)
{}

然后运行程序,可以看到MVC以将表单中的数据映射为User类实例的属性值,且进行了相应的数据类型的转换。

2. 使用和Action参数同名的变量进行传递

View中的代码:

复制代码
<button id="btn">传递数据</button>
<script>$(function () {$('#btn').click(function () {$.ajax({'type': 'post', 'url': '/home/getdata',//传递的数据也可以是序列化之后的json格式数据//如,上面使用form表单提交数据就可以使用jquery中的serialize()方法将表单进行序列化之后在提交//data:$('#form').serialize()'data': { username: '雪飞鸿', age: '24' },error: function (message) {alert('error!');}});})})
</script>
复制代码

 

Controller中的代码:

public void GetData(string username, int age)
{}

在Action中成功获取到了对应的参数值,且数据类型也根据Action中参数的类型进行了相应的转换。

Model绑定体现在从当前请求提取相应的数据绑定到目标Action方法的同名参数中。对于这样的一个Action,如果是Post请求,MVC会尝试将Form(注意,这里的Form不是指html中的<form>表单,而是Post方法发送数据的方式,若我们使用开发者工具查看Post方式发送的请求信息,会看到Form Data一栏)中的值赋值到Action参数中,如果是get请求,MVC会尝试将QueryString的值赋值到Action参数中。

Cookie

这里引用jquery.cookie插件来进行cookie的操作

复制代码
<body><button id="btn">提交</button><script>$(function () {//向cookie中写入值$.cookie('key', 'jscookie');$('#btn').click(function () {location.href = "/home/getvalue";});})</script>
</body>
复制代码
public void GetValue()
{var cookie = Request["key"];
}

 

Controller向View中传值

单个值的传递

复制代码
public ActionResult Index()
{//注意,传递的值不能是string类型,否则会执行View(string viewName)方法而导致得不到正确结果return View(100);
}
复制代码
<body><p>@Model</p>
</body>
程序执行结果如下:

Json

复制代码
public ActionResult Index()
{return View();
}public JsonResult SendData()
{return Json(new { UserName = "雪飞鸿", Age = 24 });
}
复制代码
复制代码
<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" /><script src="~/scripts/jquery-1.10.2.min.js"></script>
</head>
<body><p id="message"></p><button id="btn">获取数据</button><script>$(function () {$('#btn').click(function () {$.ajax({'url': '/home/senddata', 'type': 'post',success: function (data) {$('#message').html('用户名:' + data.UserName + "<br/>年龄:" + data.Age);},error: function (message) {alert('error:' + message.statusText);}});});});</script>
</body>
</html>
复制代码
程序执行结果如下:

匿名类型

public ActionResult Index()
{//使用匿名类向View中传递数据return View(new { UserName = "雪飞鸿", Age = 24 });
}
复制代码
<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" />
</head>
<body><p>用户名:@Model.UserName</p><p>年龄:@Model.Age</p>
</body>
</html>
复制代码

因为匿名类型的类型名由编译器生成,并且不能在源代码级使用。所以,直接使用匿名类型向View中传递数据,在前台页面是无法访问到匿名类型中的属性的。执行上面代码程序会出现错误:

针对上述问题,使用Newtonsoft将匿名类型转换为json格式即可解决该问题。
使用NuGet引入Newtonsoft.Json包,然后修改代码如下:

复制代码
public ActionResult Index()
{string json = JsonConvert.SerializeObject(new { UserName = "雪飞鸿", Age = 24 });//也可以直接序列化JSON格式的字符串//dynamic jsonObj = JsonConvert.DeserializeObject("{ UserName : \"雪飞鸿\", Age : 24 }");dynamic jsonObj = JsonConvert.DeserializeObject(json);return View(jsonObj);
}
复制代码
程序执行结果如下:

ExpandoObject

上面提到,直接使用匿名类型向View中传递数据是行不通的,可以使用ExpandoObject类型对象来替代匿名类型

复制代码
public ActionResult Index()
{dynamic user = new ExpandoObject();user.UserName = "雪飞鸿";user.Age = 24;return View(user);
}
复制代码
程序执行结果如下:

ViewBag、ViewData、TempData

复制代码
public ActionResult Index()
{ViewBag.Title = "数据传递";ViewData["key"] = "传递数据";//默认情况下TempData中的数据只能使用一次TempData["temp"] = "tempdata";return View();
}
复制代码
复制代码
<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" /><title>@ViewBag.Title</title>
</head>
<body><p>@ViewData["key"]</p><p>@TempData["temp"]</p>
</body>
</html>
复制代码
程序执行结果如下:

ViewModel

通过视图模型将数据传递到前端

复制代码
//视图模型
public class User
{public string UserName { set; get; }public int Age { set; get; }
}
//Action
public ActionResult Index()
{User user = new User() { UserName = "雪飞鸿", Age = 24 };return View(user);
}
复制代码
复制代码
@* 设置页面为强类型页面 *@
@model DataTransfer.Controllers.User
@{Layout = null;
}<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" /></head>
<body><p>用户名:@Model.UserName</p><p>年龄:@Model.Age</p>
</body>
</html>
复制代码
程序执行结果如下:

Cookie

public ActionResult Index()
{Response.SetCookie(new HttpCookie("key", "cookie"));return View();
}
复制代码
<body><p id="message"></p><script>$(function () {var message = $.cookie('key');$('#message').text(message);})</script>
</body>
复制代码
程序执行结果如下:

转载于:https://www.cnblogs.com/baojiao/p/8882566.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/452925.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux内核中的常用宏container_of其实很简单【转】

转自&#xff1a;http://blog.csdn.net/npy_lp/article/details/7010752 开发平台&#xff1a;Ubuntu11.04 编 译器&#xff1a;gcc version 4.5.2 (Ubuntu/Linaro4.5.2-8ubuntu4) Container_of在Linux内核中是一个常用的宏&#xff0c;用于从包含在某个结构中的指针获得结构本…

mysql concat例子_MYSQL中CONCAT详解

concat()函数1. 功能&#xff1a;返回结果为连接参数产生的字符串。如有任何一个参数为NULL &#xff0c;则返回值为 NULL。2. 语法concat(str1, str2,...)3. 例子案例一&#xff1a;mysql> select concat(苹果,香蕉,梨子);------------------------------| CONCAT(苹果,香蕉…

mysql php7安装配置_centos7无网络下安装部署php7.1.33+mysql5.7.28+apache2.4.6-Go语言中文社区...

centos7无网络下安装部署php7.1.33mysql5.7.28apache2.4.6一、1、先ping www.baidu.com&#xff0c;root账户下&#xff0c;如果未联网&#xff0c;创建目录&#xff0c;把提前下载好的rpm包拷贝到rpm目录下如图&#xff1a;(如果没有安装包请查看我的另一篇教程下载这些安装包…

webkit渲染

2019独角兽企业重金招聘Python工程师标准>>> 参考链接 理解WebKit和Chromium 简明魔法学院 Chrome软件渲染 WebKit渲染基础 Webkit 渲染基础 Webkit不是浏览器,它是一个渲染引擎 软件渲染 硬件渲染(GPU加速) 会触发GPU加速的属性 CSS3 3D transformation, trans…

element ui中dialog相关问题

一&#xff0c;今天需要在dialog里面引入另一个页面&#xff0c;就是打开dialog显示该页面&#xff08;把页面放到dialog中&#xff09;&#xff0c;引入的语句如下&#xff1a; <iframe src"view?pathrkdj_b" ></iframe> 二&#xff0c;使用table组件时…

spark java教程_(Spark)学习进度十四(Spark之Java独立应用编程)

环境如下:(更新了林子雨教程中不可使用的部分) Hadoop 2.6.0以上 java JDK 1.7以上 Spark 3.0.0-preview2 二、java独立应用编程(在下载依赖jar包的过程中如遇到卡顿现象可以Ctrl+C停止下载,然后重新执行本条命令即可继续下载相应的依赖jar包) 1、安装maven ubuntu中没有自带…

[零基础学JAVA]Java SE应用部分-34.Java常用API类库

本季目标1、StringBuffer类 2、Runtime 类 3、包装类与JDK 1.5的新特性——泛型 4、日期的操作类 5、Math类 6、Random类1、StringBuffer&#xff08;重点&#xff09; String 类的时候说过&#xff1a;String 类的内容一旦声明则不可改变&#xff0c;改变的只是其地址。…

我所理解的机器学习

各位请移步到【http://www.cnblogs.com/cchHers/p/8945908.html】转载于:https://www.cnblogs.com/cchHers/p/8933042.html

protobuf java文档_Java中使用Protobuf

gradle依赖库&#xff1a;implementation com.google.protobuf:protobuf-java:3.4.0implementation com.google.protobuf:protobuf-java-util:3.4.00.编写.proto文件&#xff0c;编译生成对应Java源文件&#xff1a;syntax "proto2";option java_generic_services …

多租户表设计

2019独角兽企业重金招聘Python工程师标准>>> multi-tenant-databases-in-the-cloudtips-amp-tricks-to-build-multi-tenant-databases-with-sql-databases团队开发框架实战—多租户支持转载于:https://my.oschina.net/yangjiandong/blog/1612626

CSS实现树形结构 + js加载数据

看到一款树形结构&#xff0c;比较喜欢它的样式&#xff0c;就参照它的外观自己做了一个&#xff0c;练习一下CSS。 做出来的效果如下&#xff1a; 拉莫小学 一年级 一班二班二年级三年级 一班二班三班树的dom结构&#xff1a; <div class"tree"><ul><…

Django中--自定义模型管理器类

BookInfo.objects.all()->objects是一个什么东西呢&#xff1f; 答&#xff1a;objects是models.Manger类的一个对象&#xff0c;是Django帮我自动生成的管理器对象&#xff0c;通过这个管理器可以实现对数据的查询。 自定义管理器之后Django不再帮我们生成默认的objects管…

第二章 API的理解和使用

2.1.1全局命令 Key * 查看所有键&#xff0c;(慎用&#xff0c;会把所有键都遍历一次并列出) Dbsize 查看键总数&#xff0c;不会遍历所有键&#xff0c;只是从内置函数中读取一个数 Exists [key] 检查键是否存在 Del [key] 删除键 Expire [key] [seconds] 设置键过期时间 Type…

Django中--使用redis存储历史浏览记录

class UserInfoView(LoginRequiredMixin, View):用户中心-信息页def get(self, request):显示# Django会给request对象添加一个属性request.user# 如果用户未登录->user是AnonymousUser类的一个实例对象# 如果用户登录->user是User类的一个实例对象# request.user.is_aut…

3D虚拟试衣有望解决厘米级服装误差 网购服装不再蒙

还在担心网购服装对实际穿着效果没把握吗&#xff1f;随着京东App 6.6.3版本的更新&#xff0c;京东试试3D虚拟试衣功能正式上线&#xff0c;消费者可按照自己的身材比例创建专属的3D模型&#xff0c;而试穿效果则可以完全依照模型来展现。据了解&#xff0c;这个系统未来还将实…

关于idea修改当前使用的git账户的问题

1、问题描述&#xff1a; 由于前一段时间公司迁移git&#xff0c;就是将项目代码等迁移到另一个git服务器上&#xff0c;结果用idea从git上clone代码的时候发现没有指定仓库,如下提提示 2、排查原因&#xff1a; 开始怀疑是没有把自己加入到项目成员里面&#xff0c;经过检查是…

分布式文件系统FastDFS

1. 什么是FastDFS FastDFS 是用 c 语言编写的一款开源的分布式文件系统。FastDFS 为互联网量身定制&#xff0c; 充分考虑了冗余备份、负载均衡、线性扩容等机制&#xff0c;并注重高可用、高性能等指标&#xff0c;使用 FastDFS 很容易搭建一套高性能的文件服务器集群提供文件…

html5 下拉刷新(pc+移动网页源码)

本文demo下载地址&#xff1a;http://www.wisdomdd.cn/Wisdom/resource/articleDetail.htm?resourceId1071 本文实现在html5网页中使用下拉功能自动刷新显示更多内容, 使用jquery捕捉和处理相应的鼠标事件, 例如内容在顶部时&#xff0c;触发下拉事件后显示更多内容; 如内容在…

java同名变量在list中添加两次_快速解决List集合add元素,添加多个对象出现重复的问题...

首先我们在new 一个对象的时候&#xff0c;对象的id是唯一确定的&#xff1b;将对象add入list中时&#xff0c;放入list中的其实是对象的引用 &#xff1b;而每次循环只是简单的set 对象的属性&#xff0c;set新的属性值&#xff0c;而add进list中的对象还是同一个对象id&#…

python面试题总结(1)--语言特性

1. 谈谈对 Python 和其他语言的区别 答&#xff1a; Python 是一门强类型的可移植、可扩展、可嵌入的解释型编程语言&#xff0c;属于动态语言&#xff1b;其语法简洁优美、功能强大无比、应用领域非常广泛且具有强大完备的第三方库。 &#xff08;注&#xff1a;语言有无类型…