“無刷新頁面”,只是一種不確切的效果描述(其實還有其他各種方法來實現這個效果),更確切的說法是:
在頁面上用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--> <% = 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()的詳細參看請看
這里
。
最后,我們這個頁面的執行效果就是:
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
