有Index视图如下:
视图代码如下:
<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
主页
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2><%= Html.Encode(ViewData["Message"]) %></h2>
<br />
<br />
<% using(Html.BeginForm("HandleForm", "Home")) %>
<% { %>
Enter your name: <%= Html.TextBox("name") %>
<br /><br />
Select your favorite color:<br />
<%= Html.RadioButton("favColor", "Blue", true) %> Blue <br />
<%= Html.RadioButton("favColor", "Purple", false)%> Purple <br />
<%= Html.RadioButton("favColor", "Red", false)%> Red <br />
<%= Html.RadioButton("favColor", "Orange", false)%> Orange <br />
<%= Html.RadioButton("favColor", "Yellow", false)%> Yellow <br />
<%= Html.RadioButton("favColor", "Brown", false)%> Brown <br />
<%= Html.RadioButton("favColor", "Green", false)%> Green
<br /><br />
<%= Html.CheckBox("bookType") %> I read more fiction than non-fiction.<br />
<br /><br />
My favorite pet: <%= Html.DropDownList("pets") %>
<br /><br />
<input type="submit" value="Submit" />
<% } %>
</asp:Content>
如图填写表单数据:
分别使用不同的表单处理方法,对提交的表单数据在视图FormResults呈现。
提交表单对应的HomeController,包含以不同方法获取表单数据的代码,如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace HtmlHelper.Controllers
{
[HandleError]
public class HomeController : Controller
{
public ActionResult Index()
{
ViewData["Message"] = "欢迎使用 ASP.NET MVC!";
//手动构造页面中下拉框的宠物数据
List<string> petList = new List<string>();
petList.Add("Dog");
petList.Add("Cat");
petList.Add("Hamster");
petList.Add("Parrot");
petList.Add("Gold fish");
petList.Add("Mountain lion");
petList.Add("Elephant");
ViewData["Pets"] = new SelectList(petList);
return View();
}
public ActionResult About()
{
return View();
}
/// <summary>
/// 处理表单提交数据,方法1:使用传统的Request请求取值
/// </summary>
/// <returns></returns>
public ActionResult HandleForm()
{
ViewData["name"] = Request["name"];
ViewData["favColor"] = Request["favColor"];
ViewData["bookType"] = Request["bookType"];
ViewData["pet"] = Request["pets"];
return View("FormResults");
}
/// <summary>
/// 处理表单提交数据,方法2:Action参数名与表单元素name值一一对应
/// </summary>
/// <param name="name"></param>
/// <param name="favColor"></param>
/// <param name="bookType"></param>
/// <param name="pets"></param>
/// <returns></returns>
//public ActionResult HandleForm(string name, string favColor, Boolean bookType, string pets)
//{
// ViewData["name"] = name;
// ViewData["favColor"] = favColor;
// ViewData["bookType"] = bookType;
// ViewData["pet"] = pets;
// return View("FormResults");
//}
/// <summary>
/// 处理表单提交数据,方法3:从MVC封装的FormCollection容器中读取
/// </summary>
/// <param name="form"></param>
/// <returns></returns>
//public ActionResult HandleForm(FormCollection form)
//{
// ViewData["name"] = form["name"];
// ViewData["favColor"] = form["favColor"];
// ViewData["bookType"] = form["bookType"];
// ViewData["pet"] = form["pets"];
// return View("FormResults");
//}
/// <summary>
/// 处理表单提交数据,方法4:使用实体作为Action参数传入,前提是提交的表单元素名称与实体属性名称一一对应
/// </summary>
/// <param name="request"></param>
/// <returns></returns>
//[HttpPost]
//public ActionResult HandleForm(InforModel infor)
//{
// ViewData["name"] = infor.name;
// ViewData["favColor"] = infor.favColor;
// ViewData["bookType"] = infor.bookType;
// ViewData["pet"] = infor.pets;
// return View("FormResults");
//}
}
}
在FormResults视图显示ViewData的数据,如图所示: