不用組件實現Ajax效果_AJAX教程
推薦:使用AJAX技術實現網頁無閃自動局部刷新實例解決問題: 希望實現用戶在進入系統以后(整個session的時效之內),如果收到新郵件則發出聲音提示。 實現思路: 1.首頁部分: body onload=init('');> // load時調用init(us
現在.NET的Ajax組件確實不少了,微軟的ajax extensions用起來很方便,一個UpdatePanel就可以搞定一切。不過,可能有些朋友更愿意自己來寫。那么在.NET里,你是否知道ICallbackEventHandler呢?
大家應該都知道ASP.NET頁面調用時的幾種方式:Postback/Cross-page posting/Server transfer/Callback,如果你還不太了解,你可以看看MSDN:How to: Determine How ASP.NET Web Pages Were Invoked
現在要說的,就是Callback這種調用方式。
簡單的說,使用Callback可以得到你平常看到那么Ajax效果,即不刷新整個頁面,只更新其中一個部分。
使用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、在前臺寫一段自定義的javascript,更新頁面
這一段javascript用來更新頁面的某個局部,就像你平常操作的一樣,寫些document.getElementById("xxx").innerHTML="working on your request...."。
你可能有些迷糊,就得到了嗎?連個什么XMLHttpRequest都沒有哩……
3、在Page_Load中再注冊一段javascript
string script = Page.Clientscript.GetCallbackEventReference(this, "arg", "GetFlag", "");
Page.Clientscript.RegisterClientscriptBlock(this.GetType(), .......//省略了一大串
上面的GetCallbackEventReference是用來得到客戶端函數的引用,發起一個callback到服務器端的,你不必知道詳細內容。
你只需要了解:
- 第一個參數填this,用來handle客戶端的callback的,它必須繼承ICallbackEventHandler接口并提供RaiseCallbackEvent方法,我們已經在繼承了這個接口,上面第一點中的代碼也有RaiseCallbackEvent方法,只是還沒有具體寫內容呢。
- 第二個參數就是那個 從客戶端傳到服務器端的參數。如果你想要注冊的檢查用戶是否可用,那么這里的值就是用戶輸的那個值。
- 第三個參數是前臺的javascript函數名,在第二步中我們寫的名字是:GetFlag。當數據好了,這個javascript函數就會用到。
- 第四個參數一般用不上。
返回值:一個函數的名字,是客戶端調用的函數名。這個函數會調用到服務器端了。
4、調用你的函數。
上面一定是 onclick="callServer()"嗎?呵呵,這要看你了,你在Page.Clientscript.RegisterClientscriptBlock注冊的什么javascript函數名字,就是什么名字了。(在第3步的第二行code中)
已經完了。如果你還是一頭霧水,沒關系,下面看一個實例:
分享:Web2.0歲月使用AJAX技術的十大理由 保守來說,AJAX在現在是熱得不能再熱的技術。沒有人能否認,它擁有大批的支持者。在CNN上,它從二月份的一個不被看好的詞語到十月份成長成一個初具雛形的技術。所以,有必要要看看為什么
- 相關鏈接:
- 教程說明:
AJAX教程-不用組件實現Ajax效果
。