ASP.NET MVC3入门教程之参数(数据)传递

本文转载自:http://www.youarebug.com/forum.php?mod=viewthread&tid=98&extra=page%3D1

 

MVC模式的参数(数据)传递主要涉及到两种类型参数的传递。
1、      将数据从html页面(View层)传递到控制器(Controller层)。
2、         将控制器(Controller层)的数据传递到html页面(View层)。
 
我们写的网站展现给用户的都是HTML页面,通过HTML页面的各种元素与用户进行交互操作。比如用户注册、登录,下面就以用户登录为例,讲解参数的传递。
首先我们创建一个方法LoginPage,LoginForPost,LoginForGet,HomeController代码如下:
ASP.NET MVC3入门教程之参数(数据)传递
public class HomeController : Controller
    {
        //
        // GET: /Home/

        public ActionResult Index()
        {
            return View();
        }
        public ActionResult FirstMethod()
        {
            return View();
        }
        public ActionResult LoginPage()
        {
            return View();
        }

        [HttpPost]
        public ActionResult LoginForPost(string name, string password)
        {
            //name = Request.Form["name"];
            //password = Request.Form["password"];
            ViewData["name"] = name;
            ViewData["password"] = password;
            return View();
        }
        public ActionResult LoginForGet(string name, string password)
        {
            ViewBag.name = name;
            ViewBag.password = password;
            return View();
        }
    }
ASP.NET MVC3入门教程之参数(数据)传递
增加LoginPage,LoginForPost,LoginForGet对应的页面

LoginPage页面

ASP.NET MVC3入门教程之参数(数据)传递
@{
    ViewBag.Title = "LoginPage";
}

<h2>用户登录</h2>
<h3>Post方法举例</h3>
<form action="/Home/LoginForPost" method="post">
    <input type="text" name="name" />
    <input type="password" name="password"  />
    <input type="submit" value="登录" />
</form>
<h3>Get方法举例</h3>
<form action="/Home/LoginForGet" method="get">
    <input type="text" name="name" />
    <input type="password" name="password"  />
    <input type="submit" value="登录" />
</form>
ASP.NET MVC3入门教程之参数(数据)传递

LoginForPost页面代码

ASP.NET MVC3入门教程之参数(数据)传递
@{
    ViewBag.Title = "LoginForPost";
    String name = ViewData["name"] as String;
    String password = ViewData["password"] as String;
}

<h2>你输入的name为@(name)   password为@(password)</h2>
ASP.NET MVC3入门教程之参数(数据)传递

LoginForGet页面代码

 

ASP.NET MVC3入门教程之参数(数据)传递
@{
    ViewBag.Title = "LoginForGet";
}

<h2><h2>你输入的name为@(ViewBag.name)   password为@(ViewBag.password)</h2></h2>
ASP.NET MVC3入门教程之参数(数据)传递

 

运行程序,输入http://localhost:6187/Home/LoginPage.所得页面如图所示:
ASP.NET MVC3入门教程之参数(数据)传递 
我们先测试Post方法。输入Nice 和123456。点击登录:

ASP.NET MVC3入门教程之参数(数据)传递 

上述Post方法的测试中,我们在html的表单中输入数据,然后传入控制器Home中的LoginForPost方法,观察LoginForPost使用了[HttpPost]属性进行了标记,该属性表示该方法只有POST请求才能访问,传递过来的参数直接作为了方法的参数,参数名称必须和表单中的input元素的name属性对应。当然 你也可以通过下面的代码直接从请求中获取传递的参数。

 

ASP.NET MVC3入门教程之参数(数据)传递
name = Request.Form["name"];
password = Request.Form["password"];
ASP.NET MVC3入门教程之参数(数据)传递

 

在从LoginForPost方法中传递到html页面中。在LoginForPost方法中获取到相关的参数后,有通过ViewData对象传递给页面。在页面我们需要进行强制转换。

 

ASP.NET MVC3入门教程之参数(数据)传递
String name = ViewData["name"] as String;
String password = ViewData["password"] as String;
ASP.NET MVC3入门教程之参数(数据)传递

 

很简单吧?再看Get方法,Get方法其实和Post方法类似。只是在LoginForGet方法中获取参数后传到到页面我们采用了ViewBag。ViewBag是dynamic类型对象,使用起来更加方便而已。下面在比较一下ViewData和ViewBag的优劣点。

  
ViewData
  
ViewBag
它是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中查询数据时不需要类型转换
有一些类型转换代码
可读性更好

显然,ViewBag不需要进行类型转换,这样大大减少了我们编写代码是出现的bug。
下一篇将介绍,js主要为jquery与ASP.NET MVC3 方法的交互。

 

 

 

 

ASP.NET MVC3入门教程之参数(数据)传递,布布扣,bubuko.com

ASP.NET MVC3入门教程之参数(数据)传递

上一篇:求助 !WCF Restful POST JSON数据至Server 始终 报 [远程服务器返回错误: (400) 错误的请求。]


下一篇:用.NET开发的磁力搜索引擎——Btbook.net