程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> ASP.NET 2.0無刷新頁面新境界

ASP.NET 2.0無刷新頁面新境界

編輯:.NET實例教程
“無刷新頁面”,只是一種不確切的效果描述(其實還有其他各種方法來實現這個效果),更確切的說法是:在頁面上用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()的詳細參看請看這裡。
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved