程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> ASP.NET 2.0功能擴展:跨頁提交

ASP.NET 2.0功能擴展:跨頁提交

編輯:關於.NET

標准Html表單(form元素)允許你向另外一個頁面或者應用程序傳遞和發送數據信息,方法是使用表單元素。在ASP.NET 1.x中,網頁則利用投遞機制,把頁面數據提交給該頁本身。對於ASP.Net 2.0,它的功能有所擴展,能夠允許跨頁提交。這周就讓我們來探討這個新特性。

傳統辦法

為了便於比較,我想花一分鐘來回顧網頁傳遞數據的老方法。Html的表格元素有一個action(動作)屬性,用來指定服務器端哪項資源(所謂資源,是指一個網頁、一段腳本、程序等)來處理這些提交的數據。下面的代碼便是一個樣例。

<Html>

<head><title>Sample Html form</title></head>

<body>

<form name="frmSample" method="post" action="target_url">

<input type="text" name="fullname" id="fullname" />

<input type="button" name="Submit" value="submit" />

</form>

</body></Html>

在文本域(名字是fullname)中輸入的值將被提交給表單元素的action屬性指定的頁面或者程序。對於ASP.Net開發者,即使曾經用過標准Html表單,也是極不多見的。

ASP.NET開發者面對要從一個網頁向另一個網頁傳遞數據信息的任務時,方法選擇的余地是異常廣闊的。它們包括會話變量(session variables)、cookIEs、querystring 變量、caching(網頁緩存),甚至Server.Transfer方法,但是ASP.Net 2.0還提供了另外一種選擇。

ASP.Net 2.0提供的又一辦法

在設計ASP.NET 2.0的時候,微軟認識到了在網頁間交叉傳遞數據的需求。有了這個意識之後,就為ASP.Net的button(按鈕)控件增加了一項PostBackUrl屬性。它允許你在用戶提交的時候,指明這張表單和上面的數據送往何方(也就是由PostBackUrl屬性指定的URL值確定)。一般來講,跨頁傳遞是客戶端在後台使用JavaScript進行傳送的過程。

<%@ Page language="vb" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.0 Transitional//EN" >
<Html><head>
<title>Cross Postback Example</title>
</head><body>
<form id="frmCrossPostback1" method="post" runat="server">
<asp:Label ID="lblName" runat="server" Text="Name:"></ASP:Label>
<asp:TextBox ID="txtName" runat="server"></ASP:TextBox><br />
<asp:Label ID="lblE-mailAddress" runat="server" Text="E-mail:"></ASP:Label>
<asp:TextBox ID="txtE-mailAddress" runat="server"></ASP:TextBox><br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" PostBackUrl="CrossPostback2.ASPx" />
</form>
</body>
</Html>

中的ASP.Net頁面擁有兩個文本域(分別表示name(名字)和e-mail(電子郵件)),以及一個用來提交數據的button(按鈕)。這個提交按鈕的PostBackUrl屬性被指定為另外一個網頁,這樣使得表單提交的時候,數據可以發送到那個頁面。注意:這個例子中,表單元素通過設置method(方法)屬性,讓表單提交時采用post[2]提交方式,但這不是必要的,因為所有cross postback(跨頁投遞)根據設計均使用post方法。

使用先前頁面

ASP.Net頁面經由跨頁投遞的調用而載入的時候,它上面的對象的IsPostBack屬性不會被觸發。不過,有一項叫做PreviousPage(前一頁)的屬性使你能夠訪問和使用那些應用跨頁投遞的頁面。

每當一個跨頁請求發生時,當前頁的PreviousPage屬性就把促發投遞的頁面引用保存下來。如果頁面的產生不是來自跨頁投遞的激發,或者說頁面處於不同的程序組,那麼PreviousPage屬性將不會被初始化。

你可以通過檢查PreviousPage對象來確定頁面的載入是否為跨頁投遞的結果。值如果為null,則說明是普通的載入,而非null值則表明網頁來自跨頁投遞。此外,頁面類(Page class)還包含了一個稱作IsCrossPagePostBack的方法(method),專門用來確定頁面是不是跨頁投遞的結果。

一旦確定發生了跨頁投遞,你就可以通過PreviousPage對象的FindControl方法去訪問調用頁(calling page)上的控件。下面的代碼是我們例子中的第二頁;它由前面列出的頁面所調用。

<%@ Page language="vb" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.0 Transitional//EN" >
<Html><head>
<title>Cross Postback Example 2</title>
</head><body>
<script language="vb" runat="server">
Sub Page_Load()
If Not (Page.PreviousPage Is Nothing) Then
If Not (Page.IsCrossPagePostBack) ThenResponse.Write("Name:" + CType(PreviousPage.FindControl("txtName"), TextBox).Text + "<BR>")Response.Write("E-mail:" + CType(PreviousPage.FindControl("txtE-mailAddress"), TextBox).Text + "<BR>")
End If
End If
End Sub
</script>
</body>
</Html>

這個頁先判斷它是不是由跨頁投遞所調用。如果是,就通過FindControl方法訪問來自調用頁的數值,並把用此方法得到的控件轉換為TextBox控件,然後顯示它們的Text(文本)屬性的內容。

你可以把整個PreviousPage對象轉換成觸發跨頁投遞的頁面類型。這個方法允許你訪問頁面的全局屬性(public propertIEs)和方法。在我給出這項技術的實例之前,我有必要重寫第一個例子,包含進一些全局屬性。下面代碼是添加了兩個屬性的第一個清單,這兩個屬性用於訪問域值。

<%@ Page language="vb" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.0 Transitional//EN" >
<Html><head>
<title>Cross Postback Example</title>
<script language="vb" runat="server">
Public ReadOnly Property Name
Get
Return Me.txtName.Text
End Get
End Property
Public ReadOnly Property E-mailAddress
Get
Return Me.txtE-mailAddress.Text
End Get
End Property
</script></head><body>
<form id="frmCrossPostback1" method="post" runat="server">
<asp:Label ID="lblName" runat="server" Text="Name:"></ASP:Label>
<asp:TextBox ID="txtName" runat="server"></ASP:TextBox><br />
<asp:Label ID="lblE-mailAddress" runat="server" Text="E-mail:"></ASP:Label>
<asp:TextBox ID="txtE-mailAddress" runat="server"></ASP:TextBox><br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" PostBackUrl="CrossPostback2.ASPx" />
</form>
</body>
</Html>

既然現在屬性已經建好,那你就能很容易訪問它們。要警惕的是,Page類的PreviousPage對象必須轉換成正確的類型,這樣才能正確訪問它的屬性。這可以通過把它轉換成合適的page類別的對象加以實現。

<%@ Page language="vb"%>
<%@ Reference Page="~/CrossPostback1.ASPx" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.0 Transitional//EN" >
<Html>
<head>
<title>Cross Postback Example 3</title>
</head><body>
<script language="vb" runat="server">
Sub Page_Load()
Dim cppPage As CrossPostback1_ASPx
If Not (Page.PreviousPage Is Nothing) Then
If Not (Page.IsCrossPagePostBack) Then
If (Page.PreviousPage.IsValid) ThencppPage = CType(PreviousPage, CrossPostBack1_ASPx)Response.Write("Name:" + cppPage.Name + "<br>")Response.Write("E-mail:" + cppPage.E-mailAddress)
End If
End If
End If
End Sub
</script>
</body>
</Html>

說明了這一點,它在頁面頭部定義了調用頁的一項引用,那樣這個引用類型就能在代碼中使用。通過這項引用,實際的VB.Net代碼使用CType函數把PreviousPage對象轉換成了適當的類型。這之後,那些屬性就可以像代碼示范的那樣使用了。

關於上述清單中PreviousPage對象IsValid方法的使用在此提醒一下:前頁的IsValid屬性保證你對它操作之前,它已通過所有合法驗證測試。

總結

在網頁間傳遞數據參數有很多項應用,包括保持個人用戶信息。祖傳的網頁解決方案,像使用querystring和cookIEs,允許你很容易當提交發生時從一個頁面指向另一個頁面。

ASP.NET 1.1除了提供額外方法外,對這些方法也能很好地支持,可是,ASP.NET 2.0依靠跨頁投遞,使這方面又有了長足發展。它讓一個網頁處理來自另一網頁的數據變得簡單。在你開發你的下一個ASP.Net 2.0程序的時候,可要好好利用這個新概念的優勢啊。

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved