ASP.NET 2.0 實現無重新整理頁面的一種方法)

來源:互聯網
上載者:User

“無重新整理頁面”,只是一種不確切的效果描述(其實還有其他各種方法來實現這個效果),更確切的說是在頁面上用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()方法的參數,在參數中,我們定義了用戶端的哪個變數包含了要傳遞給伺服器,伺服器方法執行後,調用用戶端的哪個方法等資訊。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.