|
現(xiàn)在.NET的Ajax組件確實(shí)不少了，微軟的ajax extensions用起來很方便，一個(gè)UpdatePanel就可以搞定一切。不過，可能有些朋友更愿意自己來寫。那么在.NET里，你是否知道ICallbackEventHandler呢？
大家應(yīng)該都知道ASP.NET頁面調(diào)用時(shí)的幾種方式：Postback/Cross-page posting/Server transfer/Callback，如果你還不太了解，你可以看看MSDN：How to: Determine How ASP.NET Web Pages Were Invoked
現(xiàn)在要說的，就是Callback這種調(diào)用方式。
簡單的說，使用Callback可以得到你平常看到那么Ajax效果，即不刷新整個(gè)頁面，只更新其中一個(gè)部分。
使用Callback，只需要做以下4步：
1、在你的頁面中繼承System.Web.UI.ICallbackEventHandler接口。
public partial class _Default : System.Web.UI.Page, System.Web.UI.ICallbackEventHandler
{
protected void Page_Load(object sender, EventArgs e)
{
}
#region ICallbackEventHandler Members
public string GetCallbackResult()
{
}
public void RaiseCallbackEvent(string eventArgument)
{
}
#endregion
}
如果你沒有使用code-behind，那你也可以在aspx頁面頂部加入下面的代碼：
<%@ Implements Interface="System.Web.UI.ICallbackEventHandler" %>
2、在前臺(tái)寫一段自定義的javascript，更新頁面
這一段javascript用來更新頁面的某個(gè)局部，就像你平常操作的一樣，寫些document.getElementById("xxx").innerHTML="working on your request...."。
<script type="text/javascript">
function GetFlag(arg)//這里已經(jīng)得到服務(wù)器端數(shù)據(jù)據(jù)了，服務(wù)器端數(shù)據(jù)就在這個(gè)參數(shù)arg里。
{
document.getElementById("result").innerHTML=arg;//我們不作處理，直接顯示在頁面上。
}
</script>
你可能有些迷糊，就得到了嗎？連個(gè)什么XMLHttpRequest都沒有哩……
3、在Page_Load中再注冊(cè)一段javascript
string script = Page.ClientScript.GetCallbackEventReference(this, "arg", "GetFlag", "");
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), .......//省略了一大串
上面的GetCallbackEventReference是用來得到客戶端函數(shù)的引用，發(fā)起一個(gè)callback到服務(wù)器端的，你不必知道詳細(xì)內(nèi)容。
你只需要了解：
- 第一個(gè)參數(shù)填this,用來handle客戶端的callback的，它必須繼承ICallbackEventHandler接口并提供RaiseCallbackEvent方法，我們已經(jīng)在繼承了這個(gè)接口，上面第一點(diǎn)中的代碼也有RaiseCallbackEvent方法，只是還沒有具體寫內(nèi)容呢。
- 第二個(gè)參數(shù)就是那個(gè) 從客戶端傳到服務(wù)器端的參數(shù)。如果你想要注冊(cè)的檢查用戶是否可用，那么這里的值就是用戶輸?shù)哪莻�(gè)值。
- 第三個(gè)參數(shù)是前臺(tái)的javascript函數(shù)名，在第二步中我們寫的名字是：GetFlag。當(dāng)數(shù)據(jù)好了，這個(gè)javascript函數(shù)就會(huì)用到。
- 第四個(gè)參數(shù)一般用不上。
返回值：一個(gè)函數(shù)的名字，是客戶端調(diào)用的函數(shù)名。這個(gè)函數(shù)會(huì)調(diào)用到服務(wù)器端了。
4、調(diào)用你的函數(shù)。
<input type="button" value="check it!" onclick="callServer()" />
上面一定是 onclick="callServer()"嗎？呵呵，這要看你了，你在Page.ClientScript.RegisterClientScriptBlock注冊(cè)的什么javascript函數(shù)名字，就是什么名字了。（在第3步的第二行code中）
已經(jīng)完了。如果你還是一頭霧水，沒關(guān)系，下面看一個(gè)實(shí)例：
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 下一頁 不用組件實(shí)現(xiàn)Ajax效果 [2]
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|
第 1 頁 不用組件實(shí)現(xiàn)Ajax效果 [1]
第 2 頁 
