ASP.NET 2.0中實現無重新整理頁面

[原文出處] 作者：Kaneboy “無重新整理頁面”，只是一種不確切的效果描述（其實還有其他各種方法來實現這個效果），更確切的說法是： 在頁面上用JavaScript調用伺服器端的一個方法，然後處理返回的資料。實現它最標準的方法當然是XMLHTTP。但是，程式員都是懶惰的傢伙，每個人都希望能有更方便的方法，或者，更佳的封裝。比如，Lostinet的Rane就是對XMLHTTP的一個很好的封裝。

終於，在ASP.NET 2.0裡面，我們可以輕鬆的來做到這點了。伺服器端任何實現了System.Web.UI.ICallbackEventHandler介面的控制項，都可以通過RaiseCallbackEvent()方法來處理從頁面上的JS指令碼傳遞過來的請求和資料，處理後，再將結果傳回給頁面。這項能力的底層仍然是XMLHTTP。

下面是一個簡單的示範：

在頁面上，我們放上兩個文字框和一個按鈕：
＜INPUT id="txtMessage"＞
＜INPUT onclick="callToServer();" type="button" value="Call to Server"＞
Result : ＜INPUT id="txtResult" ＞

當點擊按鈕的時候，將調用JS指令碼方法callToServer()，JS指令碼如下：
function callToServer()
{
    var param = document.getElementById("txtUsername").value;
    var context = ""; 
    ＜% = ClientScript %＞
}

function handleResultFromServer(result, context)
{
    document.getElementById("txtResult").value = result;
}

handleResultFromServer()方法則負責將從伺服器傳回的資料寫到txtResult這個文字框裡面。

再看看伺服器端的代碼：

public partial class Default_aspx : System.Web.UI.ICallbackEventHandler
{
    private String ClientScript
    {
        get
        {
            return this.GetCallbackEventReference(this, "param", "handleResultFromServer", "context");
        }
    }

    public string RaiseCallbackEvent(string eventArgument)
    {
        return "用戶端在[" + DateTime.Now.ToString() + "]傳送來 [" + eventArgument + "].";
    }
}

我們讓頁面直接實現ICallbackEventHandler介面，然後介面定義的RaiseCallbackEvent()方法中將伺服器的時間和傳來的資料一起返回回去。

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

注意GetCallbackEventReference()方法的參數，在參數中，我們定義了用戶端的哪個變數包含了要傳遞給伺服器，伺服器方法執行後，調用用戶端的哪個方法等資訊。GetCallbackEventReference()的詳細參看請看這裡。