ASP.NET 2.0 中跨網頁提交的三種方法

當在一個ASP.NET Web頁面中進行操作時,在默認情況下向當前頁進行提交。這種行爲在ASP.NET出現之前並沒有什麼關係,但在ASP.NET中當我們想向另外一個 Web頁提交一個Web Form時該如何做呢?在ASP.NET1.0中這個問題變得很難解決,但在ASP.NET2.0中爲開發人員提供了更容易的解決的技術:跨網頁提交。這種技術允許一個網頁在提交數據時提交給另外的一個頁面。在跨網頁提交中,用於初始化提交代碼的頁面叫源頁面,而客戶提交的頁面叫目標頁面。

  爲了方便起見,目標頁面仍然獲得原頁面提交的所有數據。換名話說,從技術觀點出發,我們可以用同樣的方式處理其他ASP.NET頁面提交的數據。

  這個新特性意味着ASP.NET2.0開發人員目前有三種可供選擇的技術來將數據從一個web頁面傳送到另外一個頁面。這三種方法是:響應重定向,服務端傳輸和新的跨網頁提交特性。我們可以已經熟悉前兩種技術了,因此,我們只是簡要地複習一下它們,然後我們會將主要精力放到學習如何使用跨網頁提交特性,以及闡述一下這種方法和響應重定向以及服務傳輸方式有什麼不同。

  一、響應重定向方法

  響應重定向方法是目前爲止將一個網頁重定向到另一個網頁的最簡單的方法的最簡單的方法。當Web服務器接到一個重定向請求後,它會將一個響應頭送給客戶端,這將導致客戶端發送一個新的請求到服務器。按句話說,一個重定向請求實際上是兩個請求響應:一個是最初的請求響應,另一個是新的重定向請求響應。

  在ASP.NET中實現重定向很容易。下面的代碼演示瞭如何使用Response.Redirect方法實現網頁重定向:

  protected void Redirect_Click(object sender, EventArgs e)
  {
  Response.Redirect(
"menu.aspx");
  }

  要注意的是重定向請求只是一個GET請求,這就意味着我們不能從源頁中通過重定向命令提交數據。但是我們可以在重定向中使用查詢字符串來傳遞數據。如下面代碼所示:
  protected void Redirect_Click(object sender, EventArgs e)
  {
  Response.Redirect(
"menu.aspx?userName=" + UserName.Text));
  }

  上面的例子將一個查詢字符串作爲參數傳遞給了Response.Redirect方法的目標URL。我們可以通過如下的代碼獲得源數據。
       protected void Page_Load(object sender, EventArgs e)
  {
  
string userName = Request["userName"];
  }
二、服務器傳輸方法

  和依賴於客戶端向另一個新頁發請求不同,服務器傳輸是一種服務器重定向技術,這種技術通過簡單的改變Web服務器所處理的代碼來達到請求一個新頁的目的。當被請求頁和源頁面在同一個服務器時,服務器傳輸要比Response.Redirect方法更有效,這是由於這種技術可以避免額外的開銷,僅僅使用服務器的資源就可以進行重定向。要注意的這種技術有一個副作用,在頁面進行重定向時,客戶端的URL仍然會保持源頁面的URL,這可能會使客戶認爲他們所獲得的數據是源頁面產生的。當然,在大多數情況下,這不是問題,但是這將使調試變得更困難。

  Server.Transfer方法還可以保存初始頁的HttpContext。因此,目標頁可以訪問源頁面的值。我們可以使用 FormsCollection屬性來從目標頁面中獲得源頁面的值。首先,要確定我們使用了被重載的方法,這個方法有兩個參數:目標URL和一個 Boolean類型的值,告訴服務器是否保存用於描述源頁面值的Form。如下面的代碼所示:

[NextPage]
   Server.Transfer("Menu.aspx",true);
  然後,我們在目標頁面中獲得一個叫txtUserName的Textbox控件的值的代碼如下:
object obj = Request.Form["txtUserName"];

  三、Response.Redirect和Server.Transfer的比較

  由於Response.Redirect方法要進行兩次請求響應操作,因此,我們應該在對性能要求高的網站儘量避免使用這種方法。然而,只從技術上說,使用redirect方式確實可以從一個網頁跳到另一個網頁。相比之下,Server.Transfer會更有效率,但是跳轉的範圍僅限於同一個 Web服務器的不同網頁。從本質上說,我們可以使用Server.Transfer來消除不必要的請求響應操作。如果我們需要重定位到不同服務器的網頁,就需要使用Response.Redirect方法。

  四、跨頁提交概述

  在ASP.NET 2.0中,我們可以通過實現IbuttonControl接口提交給不同的WebForm,來實現跨網頁的提交。和Response.Redirect類似,跨網頁提交是一個基於客戶端的傳輸機制,但也有點象Server.Transfer,目標網頁也可以訪問源網頁的數據。爲了使用跨網頁提交,我們需要在源網頁中的PostBackUrl屬性中指定目標URL。

  五、實現跨網頁提交

  這部分將討論一下如何在ASP.NET2.0中實現跨網頁提交。爲了開始我們的學習,假設有兩個Web頁,一個是源Web頁,另一個是目標 Web頁。在源網頁中初始化了使用按鈕進行的跨網頁提交操作。我們首先必須設置目標網頁按鈕的PostBackUrl屬性,順便說一句,所有實現了 System.Web.UI.WebControls.IbuttonControl接口的Web控件都有跨網頁提交的特性。下面的代碼將演示這一過程。

   PostBackUrl="~/target.aspx" text = "Post to a target page"/>
  當我們設置PostBackUrl屬性時,ASP.NET框架將相應的控件綁定到一個新的叫WebForm_DoPostBackWithOptions的JavaScript函數,產生的Html代碼如下:

   οnclick="javascript:WebForm_DoPostBackWithOptions(
  new WebForm_PostBackOptions("btnSubmit", "", false, "",
  "Target.aspx", false, false))" id="btnSubmit" />

  對於上面的html代碼來說,當用戶單擊按鈕時,瀏覽器將提交目標URL(Target.aspx),而不是源URL。

    六、從目標頁面中獲得源頁面控件的值

  ASP.NET2.0提供了一個叫PreviousPage的新的屬性,這個屬性無論在何時當前頁面進行跨網頁提交操作時都會指向源頁面。要注意的是,當源頁面和目標頁面在不同的應用程序中時,這個屬性包含null(這個null並不是未初始化的意思)。還有要注意的是當目標網頁訪問 PreviousPage屬性時可以獲得源頁面的數據,ASP.NET運行時裝載並執行了源頁面。這將引發ProcessChildRequest事件的發生。而且,它還會引發Page_Init事件、Page_Load和任何其他的源頁面按鈕單擊事件。

  因此,我們要避免由於不小心進行誤操作,所以最好通過IsCrossPostBack屬性來確認是否爲一個跨網頁提交發生,如果這個屬性值爲 true,那麼目標網頁就是通過一個跨網頁提交動作而調用的。如果是通過另外一種方式調用的(如一般的請求、Response.Redirect或是一個 Server.Transfer),這個屬性的值爲false。下面的例子演示瞭如何使用這個屬性。

   if ( PreviousPage.IsCrossPagePostBack)
  {
  
//執行代碼
  }

  這個PreviousPage屬性在Server.Transfer和跨網頁提交中都可以使用。在ASP.NET2.0中,我們可以在調用Server.Transfer操作後使用PreviousPage屬性在目標頁面中來獲得源頁面的數據,代碼如下:

  protected void Redirect_Click(object sender, EventArgs e)  
        {
  Server.Transfer(
"menu.aspx");
  }

  在這個接收面中我們現在可以獲得Web頁面的數據,代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
  
if (PreviousPage != null)
  {
  TextBox txtBox 
= (TextBox)
  PreviousPage.FindControl(
"txtUserName");
  
if (textBox != null)
  
string userName = textBox.Text;
  
//其他可執行的代碼
  }
}


  要注意的是上面的代碼必須將txtUserName控件轉換爲TextBox類型,以便可以訪問其中的值。

第三種:PostBackUrl 和 PreviousPageType 方法 示例
    七、使用PreviousPageType

  PreviousPageType屬性提供了在跨網頁操作中訪問源頁面的強類型能力,下面讓我們演示一下如何不通過任何類型轉換來從源頁面中獲得控件值。代碼如下:

   < asp:Textbox ID="txtUserName" Runat="server" />
  
< asp:Textbox ID="txtPassword" Runat="server" />
  
< asp:Button ID="Submit" Runat="server" Text="Login"
  PostBackUrl
="Menu.aspx" />

  要注意的是單擊按鈕可以重定向到一個叫“Menu.asp”的目標頁。這個目標頁可以使用如下的代碼獲得用戶名和密碼:

  八、保存視圖狀態

  對於跨網頁提交來說,ASP.NET2.0 內嵌了一個叫__POSTBACK的隱藏字段,這個字段包含了關於源頁面的視圖信息 -- 也就是由源頁面提供了,包含了一個帶有一個非空PostBackUrl屬性值的服務端控件。目標頁可以使用__POSTBACK中的信息來獲得源頁面的視圖狀態信息。代碼如下:
  if(PreviousPage!=null && PreviousPage.IsCrossPagePostBack &&
  PreviousPage.IsValid)
  {
  TextBox txtBox 
= PreviousPage.FindControl("txtUserName");
  Response.Write(txtBox.Text);
  }
在上面的代碼中核對了用於確保PreviousPage屬性不爲null的檢查代碼。順便提一下,如果目標頁和源頁面不在同一個應用程序中,這個PreviousPage屬性的值爲null。只有在進行跨網頁提交操作時,IsCrossPagePostBack屬性才爲true。

  這個跨網頁提交的特性,是ASP.NET2.0中最強有力的特性之一,這種技術將允許在一個頁面中提交到另外一個頁面,並且可以在目標頁面地無縫地操作源頁面中的數據。
發佈了47 篇原創文章 · 獲贊 2 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章