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