ASP.NET MVC View 與 Controller 互動：表單提交、模型繫結與 Request.Form 使用

前言

本文以登入表單提交為例，示範 View 如何透過表單送資料至 Controller，以及 Controller 如何接收並轉向結果頁。並建立簡單的 Account 模型類別。

模型類別：Account

namespace MvcApplication4.Models
{
    public class Account
    {
        public string Username { get; set; }
        public string Password { get; set; }
    }
}

Controller 實作

1. 顯示登入頁

public void Index()
{
    RenderView("Index");
}

2. View 表單

表單 Action 指向 save Action，使用 Html.TextBox 產生輸入框：

<form method="post" action="<%= Url.Action("save") %>">
    <%= Html.TextBox("username") %>
    <%= Html.TextBox("password") %>
    <%= Html.SubmitButton("登入") %>
</form>

3. 接收表單資料

在 save Action 中透過 Request.Form 取值，存入 ViewData 再轉向結果頁：

public void save()
{
    ViewData["username"] = Request.Form["username"];
    ViewData["password"] = Request.Form["password"];
    RenderView("Result");
}

4. 結果頁顯示

<%= ViewData["username"] %>
<%= ViewData["password"] %>

重點說明

• 早期 ASP.NET MVC 版本常直接使用 Request.Form 取得表單值，後續版本建議改用模型繫結。
• Url.Action("save") 依據路由規則產生正確 URL。
• RenderView 指定要呈現的 View 名稱。

結語

此範例展示最基礎的 View-Controller 互動流程，理解此機制有助於後續學習模型繫結、驗證與強型別 View 等進階主題。