[註:這段與標題內容無關,可略過] 看完兩集Stargate並且洗了一個澡之後,我終於決定要開始寫這篇文章。這是我第一篇真正意義上的原創技術文章,不管技術含量如何,我總算是踏出了這一步。博客其實開過不少,從最早的校園大巴,到博客園,以及我那個用來發牢騷的新浪博客,其實開博客最初的目的就是用來在寫程序的同時,記錄一下自己的學習的過程。但後來演變成了用來發牢騷的東西,這也算是我一直以來不能專心鑽研的惡果吧,不過所謂亡羊補牢為時未晚,就從這篇文章開始,變得專註一點,再專註一點。由這種專注的思想引導,我最近終於又開始好好的寫程序,這次是真的放下了那些不想幹的東西,專心致志的開始寫我喜歡的C#代碼,在我所知道的編程語言裡面我最喜歡的是C#和Javascript,後者是種腳本語言,確切地說j是我最近才喜歡上的,我原來以為它也就同我小時候玩的Basic一般,小巧也簡單,但是事實證明不是這個樣子的,雖然它和VBS一樣也是腳本語言,但是在它C語言的外表之下,其實隱藏著更多的內容,這個我可能會寫另外的一篇文章來描述它,現在切入正題,我喜歡的.NET平台,不知道為什麼01年的時候第一次使用C#語言寫程式碼,就覺得它很漂亮,然後就愛上了他,不過那個時候由於環境的問題,所以一度中斷,一直到了04年,才又重新拾起來,但是一年多的時候,我也只是在拉著一堆堆的控件,然後在屬性面板裡調整啊調整,似乎忘了Web原來有的樣子是怎麼樣的,後來終於有一樣東西換起了我的回憶-------- Ajax。
到處都是Ajax開發框架,其實在ASP.NET 2.0發佈的時候內部其實就整合了一些類似的內容,在一些資料控制項比如GridView上面就有使用,在05年一月份的MSDN Magazine中的一篇《 Custom Script Callback in ASP.NET》(中文版| English)讓我認識到了asp.net 裡面異步調用的魅力(裡面的實現方法僅限於在beta1版本中實現,關於腳本回調部分beta1、beta2以及正式版本之間都有所不同,有興趣者可以自己參考最近發布的MSDN內容),不過當時也只是玩了一下,後來使用Atlas,也就對它沒怎麼上心,不過前一段時間一個朋友和我討論asp .net實作ajax時講到,atlas實現太過於繁瑣,而他要實現的只是幾個非常小的內容不需要那麼麻煩,由於我對除了這些之外的.NET的ajax框架不熟悉,所以自然而然的就想起了內建的腳本回呼機制,利用(經過他本人同意的)朋友的項目,我們編寫了很多關於這個的程式碼,在寫完之後我突然發現了一個問題,就是程式碼太亂了。每個頁面都是類似的東西,而且只能傳遞一個字串參數讓我們在除了交互方面對於一些大開銷的數據展示只好使用內嵌框架來實現了。前兩天到海圖買了一本《Ajax 高階語言程式設計》,看了一部分之後突然想搞清楚asp.net 2.0裡面的腳本回呼又是如果實現的?其實現在轉回來頭看,《Custom Script Callback in ASP.NET》一文中很多地方已經講的很明白了,可以無奈當時的水平,很多東西看的都是雲裡霧裡的,光顧者看效果了先貼上一個我認為最簡潔的實現效果,然後再進行剖析。
新建一個Default.aspx的頁面,在頁面上添加一個CheckBox控件,然後打開Default.aspx.cs文件,_Default類別添加三個繼承的接口ICallbackContainer、ICallbackEventHandler和INamingContainer:
[代碼1]
#region ICallbackContainer 成員
public string GetCallbackScript(IButtonControl buttonControl, string argument)
{
throw new Exception("The method or operation is not implemented.");
}
#endregion
#region ICallbackEventHandler 成員
string temp;
public string GetCallbackResult()
{
//throw new Exception("Sample Error");
return temp;
}
public void RaiseCallbackEvent(string eventArgument)
{
temp = "_____" + eventArgument + " is succeed._____";
}
#endregion
到Default.aspx.cs頁面的Page_Load方法加入下面程式碼:
[代碼2]
proected void Page_Load(object sender, EventArgs e)
{
string temp = Page.ClientScript.GetCallbackEventReference(this, "arg", "Callback", "context", "OnError", true);
string script = "function CallServer(arg,context){" + temp + "}";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "abc", script, true);
CheckBox1.Attributes.Add("onclick", "CallServer('I call Server ','context');");
}
編輯完CS程式碼之後,開啟Default.aspx文件,在<head>...</head>之間加入下列程式碼:
[代碼3]
<script type="text/javascript">
function OnError(err,context)
{
alert(err);
}
function Callback(arg,context)
{
alert(arg);
}
</script>
這裡的CheckBox控制項是隨便拉上去的,有需要可以隨便更改,不過用Button控制項的時候可能要注意一下,它預設就會啟動OnSubmit事件,所以可能要設定或直接使用HTML控制項就好了。以上的程式碼算是腳本回呼最小化的實現,都是必須的缺一不可。
使用基本回呼的控制項必須實作三個介面分別是:ICallbackContainer,INamingContainer和ICallbackEventHandler。其實INamingContainer沒有需要實作的介面內容,它只是「標識在Page 物件的控制項層次結構內建立新ID 命名空間的容器控制項」(引自MSDN)。至於ICallbackContainer這個接口,在MSDN(中文版本)裡面給出的解釋比較模糊,相關聯的一些文章也都是介紹腳本回調和ICallbackEventHandler接口的,因為我們這裡是用頁面作為回調的基礎,所以沒有使用這個介面要實作的方法GetCallbackScript,但是如果是封裝自己的Ajax控制項那這個方法就十分有用了,這裡我們只是用了ICallbackEventHandler實作的方法來處理數據,因為在Page_Load方法中我註冊了一個CallServer的方法,然後依附在CheckBox的OnClick事件上觸發,這樣我們就可以看法一個比較清晰的呼叫過程了。
後面[程式碼3]我實作了兩個Javascript方法,一個是用來處理呼叫出錯的,另外一個就是用來處理呼叫成功之後處理回傳訊息的了。在[程式碼1]裡面有一段拋出異常的程式碼被我註解掉了,透過這句程式碼就可以模擬呼叫OnError方法了。
一直到這裡我們都是看到的實現這個呼叫是怎麼樣的,說白了這其實算是一種比價高級的拖控件的方式,但是它到底是怎麼實現的呢?為什麼我沒有看到任何關於XmlHttpRequest的內容呢? (我堅信這是實現Ajax最好的方法,因為這段程式碼在任何支援Javascript瀏覽器上都可以使用,我想應該不會和暗門有關係吧)
編譯,運行.........
在執行的頁面上點選那個多選框就會顯示「___I call Server is succeed.___」。這個到底是如果執行的呢?其實只要在這個頁面上點擊「查看原始碼」就可以了,這裡隱藏著一個小秘密,在頁面上自動生成了三段腳本區塊,一個是__doPostback這是一個用來處理伺服器控制項事件回發的,另外一個是我們剛剛使用ClientScript註冊的CallSerer方法,還有一個外部腳本的連結標記,這個就是關鍵所在,看它連接的URL指向是:
<script src="/TechTest/WebResource.axd?d=DE9YrizlDDq8OUlo_3rQgA2&t=632919546726295408" type="text/javascript"></script>
依照上面SRC指示的位址開啟位址,可以得到一個把連接位址填到迅雷之類的下載工具裡面就可以下載到了),打開就可以看到這個檔案裡面其實就是一些Javascript程式碼:
try
{
xmlRequest = new XMLHttpRequest();
}
catch(e)
{
try
{
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
}
}
好眼熟的程式碼啊!
if (!useAsync)
{
if (__synchronousCallBackIndex != -1)
{
__pendingCallbacks[__synchronousCallBackIndex] = null;
}
__synchronousCallBackIndex = callbackIndex;
}
這個裡面的?這不就是處理Page.ClientScript.GetCallbackEventReference方法中的非同步呼叫選項的嗎?
裡面都是多多有用的程式碼,本人研究中.......................
除了這些裡面還有很多方法,說白了就是一個很簡單的Ajax框架的封裝,有處理控件事件的有處理回發請求的,我們可以在這個基礎上做另外一些封裝,這樣就可以直接封裝成簡單的.NET的Ajax控件,作為開發中的對.NET的一個輕量級解決方案。
其實就是Java、.NET亦或PHP技術,都是在伺服器端對於HTTP的高級封裝,就像很早以前我們使用的CGI技術,而現在的Web的技術封裝的更為高級了一些,而了解到了.NET的內部運作機制,我們可以脫離一些限制,自己重寫一部分頁面或控件,來建立自己的Ajax開發環境。
本人原來是也是個控件工,我覺得封裝是大工廠時代必須的一種技術,但是程式設計師還是要多的追根究底,真正的了解到程式運作背後的內容這樣才能更好的開發出高質量的程序。