快捷導(dǎo)航

分享AjaxPro或者Ajax實現(xiàn)機(jī)制

更新時間：2011年12月22日 23:19:43 作者：

今天與大家分享AjaxPro或者Ajax實現(xiàn)機(jī)制,需要的朋友可以參考下。

首先聲明以下幾點：
1、講解如果感覺很初級的話，就算我裝13了，不要"噴"我哦！
2、如果有那些地方不對，還希望大家能指正，一定虛心請教；
3、這只是一家之言，本人經(jīng)驗，無依無據(jù)，愛信不信。
下面開講：
　　談起ajax做過web開發(fā)的都很是熟悉，就是經(jīng)由過程xmlhttp request與服務(wù)器端通信而避免頁面按f5。也就是我們常說的"無刷新"，至于這里面的原理我就不懂，哪個懂的話，教一下我啊，謝謝！
　　凡要使用ajaxpro，咱們大致要做以下工作：
　　1、在項目中添加引用ajaxpro.2.dll，這個到網(wǎng)上下一下吧，如果不行的話，我有時間的話就共享一下；
　　2、在web.config配置文件中添加<
　　add verb="post,get"path="ajaxpro/*.ashx"type="ajaxpro.ajaxhandlerfactory,ajaxpro.2" />節(jié)點；
　　3、在要使用ajax功能的頁面.cs文件上注冊ajax，例如:
　　protected void page_load(object sender,eventargs e)
　　{//注冊 ajax ajaxpro.utility.registertypeforajax(typeof(default));}
　　4、在.cs文件中聲明可以被ajax調(diào)用的方法(或?qū)傩?，如:
　　[ajaxpro.ajaxmethod]
　　public string getstr(){return "str";}
　　5、在.aspx文件的<head></head>之間添加js調(diào)用ajax，如:

復(fù)制代碼代碼如下:

 
　　<script language="javascript"> 
　　var item=dynloadtree.default.getstr().value;//ajax調(diào)用后臺方法 
　　alert(item); 
　　</script> 

　　做好以上五步，咱們就基本實現(xiàn)了ajax頁面不按f5的功能了。那它是怎樣經(jīng)由過程xmlhttp與服務(wù)器通訊的呢？運(yùn)行后咱們可以看到html文件的源代碼多了幾行.ashx文件的緩存：

復(fù)制代碼代碼如下:

 
　　<script type="text/javascript" src="/ajaxpro/prototype.ashx" </script> 
　　<script type="text/javascript" src="/ajaxpro/core.ashx"</script> 
　　<script type="text/javascript" src="/ajaxpro/converter.ashx"</script> 
　　<script> type="text/javascript" src="/ajaxpro/dynloadtree.default,dynloadtree.ashx"</script>　　 

　　實際上這些.ashx就是在上面第3步ajaxpro.utility.registertypeforajax注冊ajax時自動將這些緩存添加到html文檔輸出的。那這些文件是什么文件呢？再看第2步中在web.config中添加到httphandlers節(jié)中的配置，它告訴系統(tǒng)凡是收到ajaxpro路徑下已經(jīng)ashx為后綴的請求就全數(shù)交給ajaxpro.ajaxhandlerfactory這個類來處理，而這些ashx經(jīng)過處理后返回的就是一些javascript文件，和普通的js緩存沒有實質(zhì)區(qū)別。
　　好了，我就說這么多了，如果你們感興趣的話可以去研究上面每一個.ashx文件里面的函數(shù)，唉，我是沒時間弄了，網(wǎng)上也有很多關(guān)于這方面的資料，還有牛X的人直接把a(bǔ)jaxpro.2.dll反編譯，大家也可以去看看里面的代碼，也許會更有收獲了，呵呵……
PS：Tandy Tang祝大家寫代碼寫的愉快！

您可能感興趣的文章: