ASP.NET 2.0,無刷新頁面新境界_.Net教程
推薦:AjaxPro讓.NET的AjaxPro變得簡單這段時間要用到Ajax,不過,完全靠自己來寫嫌太煩,不愿做些麻煩事。 碰巧看到了ajaxpro,嘗試了一下,覺得很簡單,很實用,兼容性也很好。 AjaxPro的官網(wǎng)是http://ajaxpro.info,你可以下
“無刷新頁面”,只是一種不確切的效果描述(其實還有其他各種方法來實現(xiàn)這個效果),更確切的說法是:在頁面上用JavaScript調(diào)用服務(wù)器端的一個方法,然后處理返回的數(shù)據(jù)。實現(xiàn)它最標(biāo)準(zhǔn)的方法當(dāng)然是XMLHTTP。但是,程序員都是懶惰的家伙,每個人都希望能有更方便的方法,或者,更佳的包裝。比如,Lostinet的Rane就是對XMLHTTP的一個很好的包裝。
終于,在ASP.NET 2.0里面,我們可以輕松的來做到這點了。服務(wù)器端任何實現(xiàn)了System.Web.UI.ICallbackEventHandler接口的控件,都可以通過RaiseCallbackEvent()方法來處理從頁面上的JS腳本傳遞過來的請求和數(shù)據(jù),處理后,再將結(jié)果傳回給頁面。這項能力的底層仍然是XMLHTTP。
下面是一個簡單的演示:
在頁面上,我們放上兩個文本框和一個按鈕:
1<INPUT id="txtMessage">
2<INPUT onclick="callToServer();" type="button" value="Call to Server">
3Result : <INPUT id="txtResult" >
當(dāng)點擊按鈕的時候,將調(diào)用JS腳本方法callToServer(),JS腳本如下:
| 以下為引用的內(nèi)容: 1 function callToServer()2 ![]() ![]() {3 var param = document.getElementById("txtUsername").value;4 var context = ""; 5 <% = ClientScript %>6 }7 ![]() 8 function handleResultFromServer(result, context)9 ![]() ![]() {10 document.getElementById("txtResult").value = result;11 }12 ![]() |
handleResultFromServer()方法則負責(zé)將從服務(wù)器傳回的數(shù)據(jù)寫到txtResult這個文本框里面。
再看看服務(wù)器端的代碼:
| 以下為引用的內(nèi)容: 1 public partial class Default_aspx : System.Web.UI.ICallbackEventHandler2 ![]() ![]() {3 private String ClientScript4 ![]() {5 get6 ![]() {7 return this.GetCallbackEventReference(this, "param", "handleResultFromServer", "context");8 }9 }10 ![]() 11 public string RaiseCallbackEvent(string eventArgument)12 ![]() {13 return "客戶端在[" DateTime.Now.ToString() "]傳送來 [" eventArgument "].";14 }15 }16 ![]() 17 ![]() |
我們讓頁面直接實現(xiàn)ICallbackEventHandler接口,然后接口定義的RaiseCallbackEvent()方法中將服務(wù)器的時間和傳來的數(shù)據(jù)一起返回回去。
ClientScript屬性的作用是,它調(diào)用了頁面的GetCallbackEventReference()方法,獲得了讓客戶端有能力調(diào)用服務(wù)器端方法的JS腳本,并輸出到頁面的callToServer()方法中,這樣,點擊頁面按鈕時,就開始執(zhí)行頁面上包含了調(diào)用服務(wù)器方法的的callToServer()方法。
注意GetCallbackEventReference()方法的參數(shù),在參數(shù)中,我們定義了客戶端的哪個變量包含了要傳遞給服務(wù)器,服務(wù)器方法執(zhí)行后,調(diào)用客戶端的哪個方法等信息。GetCallbackEventReference()的詳細參看請看這里。
最后,我們這個頁面的執(zhí)行效果就是:

分享:如何利用.NET Framework使用RSS feed如果想利用.NET Framework來使用RSS feed的話,這其實并不復(fù)雜。你只需要做下面幾步就可以了: ◆鏈接到提供RSS feed的網(wǎng)站 ◆下載feed XML ◆將feed的XML裝載到允許搜索的對象中 ◆
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP發(fā)送Email實例(可帶附件)
- js實現(xiàn)廣告漂浮效果的小例子
- asp.net Repeater 數(shù)據(jù)綁定的具體實現(xiàn)
- Asp.Net 無刷新文件上傳并顯示進度條的實現(xiàn)方法及思路
- Asp.net獲取客戶端IP常見代碼存在的偽造IP問題探討
- VS2010 水晶報表的使用方法
- ASP.NET中操作SQL數(shù)據(jù)庫(連接字符串的配置及獲取)
- asp.net頁面?zhèn)髦禍y試實例代碼
- DataGridView - DataGridViewCheckBoxCell的使用介紹
- asp.net中javascript的引用(直接引入和間接引入)
- 三層+存儲過程實現(xiàn)分頁示例代碼
- 相關(guān)鏈接:
- 教程說明:
.Net教程-ASP.NET 2.0,無刷新頁面新境界
。




}
}