ASP.NET 2.0，無刷新頁面新境界_.Net教程

2024-07-10 12:49:57

字體：大中小

來源：轉載

供稿：網友

推薦：AjaxPro讓.NET的AjaxPro變得簡單
這段時間要用到Ajax，不過，完全靠自己來寫嫌太煩，不愿做些麻煩事。碰巧看到了ajaxpro，嘗試了一下，覺得很簡單，很實用，兼容性也很好。AjaxPro的官網是http://ajaxpro.info，你可以下

“無刷新頁面”，只是一種不確切的效果描述（其實還有其他各種方法來實現這個效果），更確切的說法是：在頁面上用JavaScript調用服務器端的一個方法，然后處理返回的數據。實現它最標準的方法當然是XMLHTTP。但是，程序員都是懶惰的家伙，每個人都希望能有更方便的方法，或者，更佳的包裝。比如，Lostinet的Rane就是對XMLHTTP的一個很好的包裝。

終于，在ASP.NET 2.0里面，我們可以輕松的來做到這點了。服務器端任何實現了System.Web.UI.ICallbackEventHandler接口的控件，都可以通過RaiseCallbackEvent()方法來處理從頁面上的JS腳本傳遞過來的請求和數據，處理后，再將結果傳回給頁面。這項能力的底層仍然是XMLHTTP。

下面是一個簡單的演示：

在頁面上，我們放上兩個文本框和一個按鈕：

1＜INPUT id="txtMessage"＞

2＜INPUT onclick="callToServer();" type="button" value="Call to Server"＞

3Result : ＜INPUT id="txtResult" ＞

當點擊按鈕的時候，將調用JS腳本方法callToServer()，JS腳本如下：

以下為引用的內容：
1

function callToServer()
2

{
3

var param = document.getElementById("txtUsername").value;
4

var context = "";
5

＜% = ClientScript %＞
6

}
7

function handleResultFromServer(result, context)
9

{
10

document.getElementById("txtResult").value = result;
11

}
12

handleResultFromServer()方法則負責將從服務器傳回的數據寫到txtResult這個文本框里面。

再看看服務器端的代碼：

以下為引用的內容：
1

public partial class Default_aspx : System.Web.UI.ICallbackEventHandler
2

{
3

private String ClientScript
4

{
5

get
6

{
7

return this.GetCallbackEventReference(this, "param", "handleResultFromServer", "context");
8

}
9

}
10

public string RaiseCallbackEvent(string eventArgument)
12

{
13

return "客戶端在[" DateTime.Now.ToString() "]傳送來 [" eventArgument "].";
14

}
15

}
16

我們讓頁面直接實現ICallbackEventHandler接口，然后接口定義的RaiseCallbackEvent()方法中將服務器的時間和傳來的數據一起返回回去。

ClientScript屬性的作用是，它調用了頁面的GetCallbackEventReference()方法，獲得了讓客戶端有能力調用服務器端方法的JS腳本，并輸出到頁面的callToServer()方法中，這樣，點擊頁面按鈕時，就開始執行頁面上包含了調用服務器方法的的callToServer()方法。

注意GetCallbackEventReference()方法的參數，在參數中，我們定義了客戶端的哪個變量包含了要傳遞給服務器，服務器方法執行后，調用客戶端的哪個方法等信息。GetCallbackEventReference()的詳細參看請看這里。

最后，我們這個頁面的執行效果就是：