有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的數據,如圖所示: