ASP.NET MVC中在Action獲取提交的表單數據方法總結

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章