在HomeControl中添加一个Action，代码如下：

public ActionResult Add()

{

     return View();

}

当View()中不写任何参数时，默认会调用同名的视图，添加一个视图Add.cshtml（视图有两种引擎，不同引擎渲染html页面的方式不一样，这里选择razor引擎），同时添加一个表单，代码如下：

<body>

    <div>

        @using (Html.BeginForm())

        {

            <input type="text" id="id1" name="id1"/><br/>

            <input type="text" id="name1" name="name1"/><br/>

        <input type="text" id="gender" name="gender"/><br/>

        <input type="submit" value="提交"/>

        }

    </div>

</body>

通过浏览器查看源码可以看到，生成了一个表单，如下图：

<form action="/Home/Add" method="post">

     <input type="text" id="id1" name="id1"/><br/>

            <input type="text" id="name1" name="name1"/><br/>

        <input type="text" id="gender" name="gender"/><br/>

        <input type="submit" value="提交"/>

</form>

可以看到在BeginForm()中未写参数，默认会提交到当前的后台，post方式请求。跟asp.net很像

既然提交到后台，那么后台肯定要有个方法接受数据，而且是与请求的视图同名的，那么我们接下来就创建一个Action，为了区分与原来Add()的，这里加个特性，该方法直接说Post请求，代码如下：

[HttpPost]

        public ActionResult Add(UserInfo user)

        {

            int a = 10;//此处设断点

            if (user.Id == 0)

            {

                int id = int.Parse(Request["Id1"]);

                string name = Request["Name1"];

                string gender = Request["Gender"];

                user = new UserInfo() {Id = id, Name = name, Gender = gender};

            }

            return Content("OK");

        }

该Action接受post请求，且与原有Add()构成重载，参数为UserInfo 类型的参数，UserInfo类的代码如下：

namespace _02HtmlHelper.Models

{

    public class UserInfo

    {

        public int Id { get; set; }

        public string Name { get; set; }

        public string Gender { get; set; }

    }

}

在int a=10，前面设一个断点，然后选择【工具】-【添加到进程】-【iisexpress  托管】

然后在刷新html页面，再在html中输入数据，提交表单，这个时候，会自动运行到断点处，本次测试输入的数据如下图：

这个时候，可以看到传入Add()方法的参数，user中的值如下：

Gender：33

Id：0

Name:null

分析结果，得出知识：

传入值为：

id1=11;name1=22;gender=33

方法中的UserInfo接收到的参数为

Id=0;Name=null;Gender=33

1.在客户端中name的大小写不重要

2.不管有没有传入id的值，id总有值，这点很重要

3.当前台发送数据到后台时，mvc内部会自动为把我们把参数拼接成对象，那我们在前台使用对象的话，就可以少写很多代码了

接下来修改前台代码，用对象的方式，因为该视图在添加的时候，为强类型某种类型，所以要在开头强类型为UserInfo，代码如下：

@model _02HtmlHelper.Models.UserInfo

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

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

    <title>Add</title>

</head>

<body>

    <div>

        @using (Html.BeginForm())

        {

            @Html.TextBoxFor(u=>u.Id)<br/>

            @Html.TextBoxFor(u=>u.Name)<br/>

            @Html.TextBoxFor(u=>u.Gender)<br/>

        <input type="submit" value="提交"/>

        }

    </div>

</body>

</html>

上面页面运行后，查看源代码，如下，对于name=’Id’的部分，会在另外文章中说明：

<form action="/Home/Add" method="post">

<input data-val="true" data-val-number="字段 Id 必须是一个数字。" data-val-required="Id 字段是必需的。" id="Id" name="Id" type="text" value="" /><br/>

         <input id="Name" name="Name" type="text" value="" /><br/>

         <input id="Gender" name="Gender" type="text" value="" /><br/>

         <input type="submit" value="提交"/>

</form>

按照上面步骤，在int a=10处设立断点，添加进程，运行后，查看传入Add(UserInfo user)中user的值，所有的值，后台全部接受到了。

MVC学习-发送请求的更多相关文章

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

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

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

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

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

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

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

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

  5. spring MVC 管理HttpClient---实现在java中直接向Controller发送请求

    在spring MVC中,大多数时候是由客户端的页面通过ajax等方式向controller发送请求,但有时候需要在java代码中直接向controller发送请求,这时可以使用HttpCilent实 ...

  6. 腾讯云图片鉴黄集成到C# SQL Server 怎么在分页获取数据的同时获取到总记录数 sqlserver 操作数据表语句模板 .NET MVC后台发送post请求 百度api查询多个地址的经纬度的问题 try{}里有一个 return 语句，那么紧跟在这个 try 后的 finally {}里的 code 会 不会被执行，什么时候被执行，在 return 前还是后? js获取某个日期

    腾讯云图片鉴黄集成到C#   官方文档:https://cloud.tencent.com/document/product/641/12422 请求官方API及签名的生成代码如下: public c ...

  7. Ajax学习系列——向服务器发送请求

    1.如何发送请求? 如果需要向服务器发送请求,我们使用的是XMLHttpRequest对象中的open()和send()方法. var xhr = new XMLHttpRequest();//具体创 ...

  8. MVC学习系列14--Bundling And Minification【捆绑和压缩】--翻译国外大牛的文章

    这个系列是,基础学习系列的最后一部分,这里,我打算翻译一篇国外的技术文章结束这个基础部分的学习:后面打算继续写深入学习MVC系列的文章,之所以要写博客,我个人觉得,做技术的,首先得要懂得分享,说不定你 ...

  9. Spring MVC 学习笔记（整理）

    SpringMVC学习 1.概述 Spring MVC是一种基于Java实现MVC设计模式的请求驱动类型的轻量级Web框架,即使用了MVC架构模式的思想,将web层进行解耦,基于请求-响应模型帮助我们 ...

随机推荐

  1. 2017-10-01-morning

    T1 位运算1(bit) Time Limit:1000ms   Memory Limit:128MB 题目描述 LYK拥有一个十进制的数N.它赋予了N一个新的意义:将N每一位都拆开来后再加起来就是N ...

  2. Ubuntu 16.04安装unrar解压RAR文件

    除了7zip:http://www.cnblogs.com/EasonJim/p/7124306.html之外,还可以安装unrar进行解压RAR文件. 安装 sudo apt-get install ...

  3. mysql-performance-schema

    http://www.fromdual.com/mysql-performance-schema-hints http://www.cnblogs.com/cchust/

  4. UIButton和UISlider

    UIButton 主要功能:按钮控件,主要用于与用户操作进行交互 经常使用属性及方法 系统内建的按钮类型 UIButtonTypeCustom UIButtonTypeSystem UIButtonT ...

  5. golang 查询数据库操作

    SQL.Open only creates the DB object, but dies not open any connections to the database. If you want ...

  6. Dell PowerEdge RAID Controller (PERC) | Dell

      Dell PowerEdge RAID Controller (PERC)             The Dell™ PERC (PowerEdge™ RAID Controller) fami ...

  7. quick-cocos2d-x游戏开发【1】——引擎结构总览和创建项目

    好吧,我还是忍不住想写点关于quick的学习笔记,确实网上关于它的教程太少太少了,简单把自己的所学所得分享一下,有不正确之处还请拍砖. 首先下载引擎包.触控收购quick之后.如今cocos中文站的主 ...

  8. 背包系统学习笔（tu）记（cao）

    这几天在学习背包系统,网上有看到一个挺牛逼的背包系统,不过人家那个功能很全面,一个背包系统就囊括了装备,锻造,购买等等功能(这里给出网址:https://blog.csdn.net/say__yes/ ...

  9. Codeforces Round #396 (Div. 2) E. Mahmoud and a xor trip 树形压位DP

      题目链接:http://codeforces.com/contest/766/problem/E Examples input 3 1 2 3 1 2 2 3 out 10 题意: 给你一棵n个点 ...

  10. Codeforces Round #320 (Div. 2) [Bayan Thanks-Round] D "Or" Game 枚举+前缀后缀

                                                                            D. "Or" Game       ...