前面学习了，从控制器向视图传递数据，现在学习怎么从视图向控制器传递数据。

通常，我们有两种方式，来处理浏览器的请求，一个是GET方式，一个是POST方式。一般来说，直接通过在浏览器中输入URL话，请求的方式是GET，那么GET方式的Action方法将会被调用，另一方面，如果是点击一个Button提交一个表单的话，这个时候POST方式的Action就会被调用。

这里我们说的是POST方式，怎么从视图向控制器传递数据，即把用户输入的表单信息的数据，传递到控制器对应的Action方法中。

这里先列举一下,从视图向控制器传递数据有4种方法：

  1. 使用传统的方法【Request】
  2. 使用FormCollection方式
  3. 自定义参数的方式
  4. 模型绑定

先看看，传统的方式：

1.首先新建一个空白的MVC项目：，新建一个控制器Home

  public ActionResult Index()

        {

            return View();

        }

        #region 1.传统的方式：通过Qequest方式获取从视图传递过来的数据

        [HttpPost]

        public ActionResult PostIndex()

        {

            //1.传统的方式：通过Qequest方式获取从视图传递过来的数据

            //这里的Request["Name"]中的Name是文本框中的name属性值，

            //不能在视图中去掉，否则报错：未将对象引用设置到对象的实例

            //Request不能通过索引来取值，即Request[0]

            string name = Request["Name"].ToString();

            string sex = Request["Sex"].ToString();

            int age = Convert.ToInt32(Request["Age"].ToString());

            string phone = Request["Phone"].ToString();

            StringBuilder sb = new StringBuilder();

            sb.Append("<b>Name:" + name + "</b><br/>");

            sb.Append("<b>Sex:" + sex + "</b><br/>");

            sb.Append("<b>Age:" + age + "</b><br/>");

            sb.Append("<b>Phone:" + phone + "</b><br/>");

            return Content(sb.ToString());

        }

        #endregion

对应的Index视图

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <style type="text/css">

        #parentDIV {

        border:1px solid green;

        text-align:center;

        }

    </style>

</head>

<body>

    <div>

        @using (Ajax.BeginForm("PostIndex", "Home", new AjaxOptions() { UpdateTargetId = "myDIV", HttpMethod = "POST" }))

        {

        <div id="myDIV"></div>

    <div id="parentDIV">

        <div>

            @*label中的for里面的值是相对应的文本框的ID值*@

            <label for="Name">姓名:</label>

            <input type="text" value="" placeholder="姓名" id="Name" name="Name" />

        </div>

        <div>

            <label for="Man">性别:</label>

            @*提交的是值value*@

            <input type="radio" name="Sex" id="Man" value="男" />男<input type="radio" name="Sex" id="Female" value="女" />女

        </div>

        <div>

            <label for="Age">年龄：</label>

            <input type="text" value="" placeholder="年龄" id="Age" name="Age" />

        </div>

        <div>

            <label for="Phone">电话：</label>

            <input type="text" value="" placeholder="电话" id="Phone" name="Phone" />

        </div>

        <div>

            <button>确定</button>

        </div>

    </div>

        }

    </div>

</body>

</html>

运行一下项目：

输入数据，点击确定：

这里就是通过传统方式，从视图向控制器传递数据了。

在看看FormCollection方式：

  #region 2.通过FormCollection：和Request类似

        [HttpPost]

        public ActionResult PostIndex(FormCollection formCol)

        {

            //2.通过FormCollection：和Request类似

            ///不能在视图中去掉，否则报错：未将对象引用设置到对象的实例,

            //并且去掉之后，Name的值就获取不到了，在参数里面使用formCol[0]，获取到的就是Sex控件的值

            //string name = formCol[0].ToString();

            string name = formCol["Name"].ToString();

            string sex = formCol["Sex"].ToString();

            int age = Convert.ToInt32(formCol["Age"].ToString());

            string phone = formCol["Phone"].ToString();

            StringBuilder sb = new StringBuilder();

            sb.Append("<b>Name:" + name + "</b><br/>");

            sb.Append("<b>Sex:" + sex + "</b><br/>");

            sb.Append("<b>Age:" + age + "</b><br/>");

            sb.Append("<b>Phone:" + phone + "</b><br/>");

            return Content(sb.ToString());

        }

        #endregion

  public ActionResult Index()

        {

            return View();

        }

结果也是一样的。

在看看自定义参数方式：

#region 3.通过使用自定义参数方式：

        [HttpPost]

        public ActionResult PostIndex(string name, string sex, string age, string phone)

        {

            //3.通过使用自定义参数方式：

            //这里的参数的名字name，sex，age，phone,

            //必须要和视图中的空间的name属性值的名字一样,但大小写可以无所谓；

            //因为一般用户输入的数据都是字符串类型的，所以我们在使用参数的时候，都定义成string类型，在用的时候在转化。

            //当然也可以定义成其他类型，比如这里的age参数，我可以定义成int? age,也是可以的。

            //还有参数的顺序无所谓；

            //string name = formCol[0].ToString();

            //string ame = _name;

            //string sex = formCol["Sex"].ToString();

            int _age = Convert.ToInt32(age);

            //string phone = formCol["Phone"].ToString();

            StringBuilder sb = new StringBuilder();

            sb.Append("<b>Name:" + name + "</b><br/>");

            sb.Append("<b>Sex:" + sex + "</b><br/>");

            sb.Append("<b>Age:" + _age + "</b><br/>");

            sb.Append("<b>Phone:" + phone + "</b><br/>");

            return Content(sb.ToString());

        }

        #endregion

  public ActionResult Index()

        {

            return View();

        }

结果一样。

最后看看模型绑定：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace DataFromVIewToController.Models

{

    public class Student

    {

        public string Name { get; set; }

        public string Sex { get; set; }

        public int Age { get; set; }

        public string Phone { get; set; }

    }

}
#region 4.模型绑定

        [HttpPost]

        public ActionResult PostIndex(Student model)

        {

            //4.通过使用模型绑定的方式：

            StringBuilder sb = new StringBuilder();

            sb.Append("<b>Name:" + model.Name + "</b><br/>");

            sb.Append("<b>Sex:" + model.Sex + "</b><br/>");

            sb.Append("<b>Age:" + model.Age + "</b><br/>");

            sb.Append("<b>Phone:" + model.Phone + "</b><br/>");

            return Content(sb.ToString());

        }

        #endregion

  public ActionResult Index()

        {

            return View();

        }
@model DataFromVIewToController.Models.Student

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <style type="text/css">

        #parentDIV {

        border:1px solid green;

        text-align:center;

        }

    </style>

</head>

<body>

    <div>

        @using (Ajax.BeginForm("PostIndex", "Home", new AjaxOptions() { UpdateTargetId = "myDIV", HttpMethod = "POST" }))

        {

        <div id="myDIV"></div>

    <div id="parentDIV">

        <div>

            @*label中的for里面的值是相对应的文本框的ID值*@

            <label for="Name">姓名:</label>

            @*<input type="text" value="" placeholder="姓名" id="Name" name="Name" />*@

            @Html.TextBoxFor(s=>s.Name)

        </div>

        <div>

            <label for="Man">性别:</label>

            @*提交的是值value*@

            @*<input type="radio" name="Sex" id="Man" value="男" />男<input type="radio" name="Sex" id="Female" value="女" />女*@

            @Html.RadioButtonFor(s=>s.Sex,"男") 男

            @Html.RadioButtonFor(s=>s.Sex,"女") 女

        </div>

        <div>

            <label for="Age">年龄：</label>

            @*<input type="text" value="" placeholder="年龄" id="Age" name="Age" />*@

            @Html.TextBoxFor(s => s.Age)

        </div>

        <div>

            <label for="Phone">电话：</label>

            @*<input type="text" value="" placeholder="电话" id="Phone" name="Phone" />*@

            @Html.TextBoxFor(s => s.Phone)

        </div>

        <div>

            <button>确定</button>

        </div>

    </div>

        }

    </div>

</body>

</html>

结果：

MVC学习系列9--控制器接收从视图传递过来的参数的更多相关文章

  1. MVC学习系列4--@helper辅助方法和用户自定义HTML方法

    在HTML Helper,帮助类的帮助下,我们可以动态的创建HTML控件.HTML帮助类是在视图中,用来呈现HTML内容的.HTML帮助类是一个方法,它返回的是string类型的值. HTML帮助类, ...

  2. ASP.NET MVC学习系列(二)-WebAPI请求

    继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探 来看看对于一般前台页面发起的get和post请求,我们在Web API中要如何来处理. 这里我使用Jquery 来发起异步请求实现 ...

  3. ASP.NET MVC学习系列(二)-WebAPI请求(转)

    转自:http://www.cnblogs.com/babycool/p/3922738.html 继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探 来看看对于一般前台页面发起的g ...

  4. [转]ASP.NET MVC学习系列(二)-WebAPI请求 传参

    [转]ASP.NET MVC学习系列(二)-WebAPI请求 传参 本文转自:http://www.cnblogs.com/babycool/p/3922738.html ASP.NET MVC学习系 ...

  5. ASP.NET MVC学习系列(二)-WebAPI请求 转载https://www.cnblogs.com/babycool/p/3922738.html

    继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探 来看看对于一般前台页面发起的get和post请求,我们在Web API中要如何来处理. 这里我使用Jquery 来发起异步请求实现 ...

  6. MVC学习系列——ModelBinder扩展

    在MVC系统中,我们接受数据,运用的是ModelBinder 的技术. MVC学习系列——ActionResult扩展在这个系列中,我们自定义了XmlResult的返回结果. 那么是不是意味着能POS ...

  7. MVC学习系列——记一次失败面试后，感想。

    在此写博客之际,热烈庆祝母校苏州科技学院,正式改名为苏州科技大学. 一晃眼,从自己投身IT行业已经两年有余,期间经历了结婚.买房等人生大事,非常感谢我的老婆,谢谢她这么爱我,嫁给我这个码农,呵呵... ...

  8. SpringMVC控制器接收不了PUT提交的参数的解决方案

    摘要: SpringMVC控制器接收不了PUT提交的参数的解决方案 这次改造了下框架,把控制器的API全部REST化,不做不知道,SpringMVC的REST有各种坑让你去跳,顺利绕过它们花了我不少时 ...

  9. 【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数

    [问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: <button onclick="deleteProduct('@ ...

随机推荐

  1. 安装subversion

    安装subversion需要依赖apr.apr-util.sqlite 下载安装包,放在/usr/file目录 subversion-1.9.4.tar.gz apr-1.5.2.tar.gz apr ...

  2. 【腾讯Bugly干货分享】微信mars 的高性能日志模块 xlog

    本文来自于腾讯bugly开发者社区,未经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/581c2c46bef1702a2db3ae53 Dev Club 是一个交流移动 ...

  3. Hadoop学习笔记—13.分布式集群中节点的动态添加与下架

    开篇:在本笔记系列的第一篇中,我们介绍了如何搭建伪分布与分布模式的Hadoop集群.现在,我们来了解一下在一个Hadoop分布式集群中,如何动态(不关机且正在运行的情况下)地添加一个Hadoop节点与 ...

  4. Silverlight及WPF中实现自定义BusyIndicator

    在开发Silverlight或者WPF项目时,当我们调用Web服务来加载一些数据时,由于数据量比较大需要较长的时间,需要用户等待,为了给用户友好的提示和避免用户在加载数据过程中进行重复操作,我们通常使 ...

  5. C/C++ makefile自动生成工具(comake2,autotools,linux),希望能为开源做点微薄的贡献!

      序     在linux下C或C++项目开发,Makefile是必备的力气,但是发现手写很麻烦. 在百度有个comake2工具,用于自动生成Makefile工具,而在外边本想找一个同类工具,但发现 ...

  6. Windows Azure Storage (23) 计算Azure VHD实际使用容量

    <Windows Azure Platform 系列文章目录> 对于A系列和D系列的虚拟机来说,使用的是普通存储. 普通存储的存储资源,是按照每GB每月计费的.Microsoft Azur ...

  7. ThreaLocal内存泄露的问题

    在最近一个项目中,在项目发布之后,发现系统中有内存泄漏问题.表象是堆内存随着系统的运行时间缓慢增长,一直没有办法通过gc来回收,最终于导致堆内存耗尽,内存溢出.开始是怀疑ThreadLocal的问题, ...

  8. 如何使用Worktile进行敏捷项目开发管理

    Worktile在任务管理上采用了看板视图,非常适合进行敏捷项目开发管理.事实上,在开发Worktile的过程中,我们也是自产自销,使用Worktile管理Worktile本身的开发过程,在本文中跟大 ...

  9. UWP自动填充控件AutoSuggestBox小优化

    UWP提供的AutoSuggestBox本身非常好用,在项目中经常用到,但是当我们使用时发现一下不人性化的设置,例子1如下: <Page x:Class="SelfInkCanvas. ...

  10. Android开发学习之路-提升用户体验小技巧

    记得之前看谷歌的一个视频提到这个用户体验的问题,今天想起来了就写了个Demo来记录下. 当一个事件发生之后,用户需要一段时间才能知道结果,那么这段时间究竟应该让用户干什么?这个问题很常见,比如我们的软 ...