ASP.NET MVC5進階編程 之 表單

標籤：type   get請求   發送post請求   post方法   好的   重複   arch   text   font   

1.1 action和method特性

表單是包含輸入元素的容器，其中包含按鈕、複選框、文字框等元素。表單中的這些輸入元素使得使用者能夠向頁面中輸入資訊，並把輸入的資訊提交給伺服器。資料的提交依賴於action和method。

action特性用以告知Web瀏覽器資訊發送到哪裡，所以action包含一個URL。這裡的URL可以是相對的，也可以使絕對的。

1 <form action="http://www.bing.com/search">2    <input name="q"  type="text" />3    <input type="submit" value="Search!">4 </form>

上面的代碼中不包含method特性。發送資訊時，預設是“get”，所以上面的代碼等同於：

1 <form action="http://www.bing.com/search" method="get">2    <input name="q"  type="text" />3    <input type="submit" value="Search!">4 </form>

當使用者使用HTTP GET請求提交表單時，瀏覽器會提取表單中輸入元素的name特性值及其相應的value特性值，並將他們放入查詢字串中。換句話說，上面的表單將把瀏覽器導航到URL（假設使用者正在搜尋關鍵詞love）：http://www.bing.com/search?q=love

 

1.2 GET方法還是POST方法

如果不想讓瀏覽器把輸入值放入查詢字串中，而是想放入HTTP請求的主體，就可以給method特性值賦值post。儘管這樣也可以成功的向搜尋引擎發送POST請求並能看到響應的結果，但是相對而言，使用HTTP GET請求會更好一些。

• GET請求的所有參數都在URL中，因此可以為GET請求建立書籤。可以在電子郵件或網頁中將這些URL作為超連結來使用，除此之外，還可以保留所有的表單輸入值。
• 更重要的是，因為GET方法代表的是等冪操作和唯讀操作，所以它是做這些工作的最好選擇。Get不會（或不應該）改變伺服器上的狀態，所以用戶端可以向伺服器重複地發送GET請求而不會產生負面影響。
• POST請求可以用來提交信用卡交易資訊、向購物車中添加或者修改密碼等。POST請求通常情況下會改變伺服器上的狀態，重複提交POST請求可能會產生不良後果。

通常情況下，GET請求用於讀操作，POST請求用於寫操作（通常包括更新、建立和刪除）

（1）用搜尋表單搜尋音樂

HTML:

1 <form action="/Home/Search" method="get">2    <input type="text" name="q" />3    <input type="submit" value="Search">4 </form>

在HomeController控制器中實現Search方法。

1 public ActionResult Search(string q)2 {3   var albums = storeDB.Albums4                        .Include("Artist")5                        .Where(a => a.Title.Contains(q))6                        .Take(10);7    return View(albums);8 }

（2）通過計算action特性值來搜尋音樂

更好的辦法是通過計算action特性的值來搜尋音樂。有一個HTML輔助方法可以代勞自動完成這個計算，如下所示：

1  @using ( Html.BeginForm("Search" , "Home" ,FormMethod.Get)) {2     <input type="text" name="q" />3     <input type="submit" value="Search">4    }

BeginForm HTML輔助方法利用路由引擎找到HomeController控制器的Search操作。它在後台使用GetVirtualPath方法，該方法在RouteTable的Routes屬性中——在global.aspx中，Web應用程式註冊所有路由的位置。

 

ASP.NET MVC5進階編程 之 表單