明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

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

[摘要]“無刷新頁面”,只是一種不確切的效果描述(其實(shí)還有其他各種方法來實(shí)現(xiàn)這個(gè)效果),更確切的說法是:在頁面上用JavaScript調(diào)用服務(wù)器端的一個(gè)方法,然后處理返回的數(shù)據(jù)。實(shí)現(xiàn)它最標(biāo)準(zhǔn)的方法當(dāng)然是XMLHTTP。但是,程序員都是懶惰的家伙,每個(gè)人都希望能有更方便的方法,或者,更佳的包裝。比如,Los...

  “無刷新頁面”,只是一種不確切的效果描述(其實(shí)還有其他各種方法來實(shí)現(xiàn)這個(gè)效果),更確切的說法是:在頁面上用JavaScript調(diào)用服務(wù)器端的一個(gè)方法,然后處理返回的數(shù)據(jù)。實(shí)現(xiàn)它最標(biāo)準(zhǔn)的方法當(dāng)然是XMLHTTP。但是,程序員都是懶惰的家伙,每個(gè)人都希望能有更方便的方法,或者,更佳的包裝。比如,Lostinet的Rane就是對(duì)XMLHTTP的一個(gè)很好的包裝。
  
  終于,在ASP.NET 2.0里面,我們可以輕松的來做到這點(diǎn)了。服務(wù)器端任何實(shí)現(xiàn)了System.Web.UI.ICallbackEventHandler接口的控件,都可以通過RaiseCallbackEvent()方法來處理從頁面上的JS腳本傳遞過來的請(qǐng)求和數(shù)據(jù),處理后,再將結(jié)果傳回給頁面。這項(xiàng)能力的底層仍然是XMLHTTP。
  
  下面是一個(gè)簡單的演示:
  
  在頁面上,我們放上兩個(gè)文本框和一個(gè)按鈕:
  <INPUT id="txtMessage">
  <INPUT onclick="callToServer();" type="button" value="Call to Server">
  Result : <INPUT id="txtResult" >
  
  當(dāng)點(diǎn)擊按鈕的時(shí)候,將調(diào)用JS腳本方法callToServer(),JS腳本如下:
  function callToServer()
  {
   var param = document.getElementById("txtUsername").value;
   var context = "";
   <% = ClientScript %>
  }
  
  function handleResultFromServer(result, context)
  {
   document.getElementById("txtResult").value = result;
  }
  
  handleResultFromServer()方法則負(fù)責(zé)將從服務(wù)器傳回的數(shù)據(jù)寫到txtResult這個(gè)文本框里面。
  
  再看看服務(wù)器端的代碼:
  
  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 + "].";
   }
  }
  
  我們讓頁面直接實(shí)現(xiàn)ICallbackEventHandler接口,然后接口定義的RaiseCallbackEvent()方法中將服務(wù)器的時(shí)間和傳來的數(shù)據(jù)一起返回回去。
  
  ClientScript屬性的作用是,它調(diào)用了頁面的GetCallbackEventReference()方法,獲得了讓客戶端有能力調(diào)用服務(wù)器端方法的JS腳本,并輸出到頁面的callToServer()方法中,這樣,點(diǎn)擊頁面按鈕時(shí),就開始執(zhí)行頁面上包含了調(diào)用服務(wù)器方法的的callToServer()方法。
  
  注意GetCallbackEventReference()方法的參數(shù),在參數(shù)中,我們定義了客戶端的哪個(gè)變量包含了要傳遞給服務(wù)器,服務(wù)器方法執(zhí)行后,調(diào)用客戶端的哪個(gè)方法等信息。GetCallbackEventReference()的詳細(xì)參看請(qǐng)看這里。
  
  最后,我們這個(gè)頁面的執(zhí)行效果就是:
  
(出處:Viphot)