分享AjaxPro或者Ajax實現機制

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

首先聲明以下幾點：
1、講解如果感覺很初級的話，就算我裝13了，不要"噴"我哦！
2、如果有那些地方不對，還希望大家能指正，一定虛心請教；
3、這隻是一家之言，本人經驗，無依無據，愛信不信。
下面開講：
　　談起ajax做過web開發的都很是熟悉，就是經由過程xmlhttp request與伺服器端通訊而避免頁面按f5。也就是我們常說的"無重新整理"，至於這裡面的原理我就不懂，哪個懂的話，教一下我啊，謝謝！
　　凡要使用ajaxpro，咱們大致要做以下工作：
　　1、在項目中添加引用ajaxpro.2.dll，這個到網上下一下吧，如果不行的話，我有時間的話就共用一下；
　　2、在web.config設定檔中添加<
　　add verb="post,get"path="ajaxpro/*.ashx"type="ajaxpro.ajaxhandlerfactory,ajaxpro.2" />節點；
　　3、在要使用ajax功能的頁面.cs檔案上註冊ajax，例如:
　　protected void page_load(object sender,eventargs e)
　　{//註冊 ajax ajaxpro.utility.registertypeforajax(typeof(default));}
　　4、在.cs檔案中聲明可以被ajax調用的方法(或屬性)，如:
　　[ajaxpro.ajaxmethod]
　　public string getstr(){return "str";}
　　5、在.aspx檔案的<head></head>之間添加js調用ajax，如: 複製代碼代碼如下:　　<script language="javascript">
　　var item=dynloadtree.default.getstr().value;//ajax調用後台方法
　　alert(item);
　　</script>

　　做好以上五步，咱們就基本實現了ajax頁面不按f5的功能了。那它是怎樣經由過程xmlhttp與伺服器通訊的呢？運行後咱們可以看到html檔案的原始碼多了幾行.ashx檔案的緩衝：複製代碼代碼如下:　　<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節中的配置，它告訴系統凡是收到ajaxpro路徑下已經ashx為尾碼的請求就全數交給ajaxpro.ajaxhandlerfactory這個類來處理，而這些ashx經過處理後返回的就是一些javascript檔案，和普通的js緩衝沒有實質區別。
　　好了，我就說這麼多了，如果你們感興趣的話可以去研究上面每一個.ashx檔案裡面的函數，唉，我是沒時間弄了，網上也有很多關於這方面的資料，還有牛X的人直接把ajaxpro.2.dll反編譯，大家也可以去看看裡面的代碼，也許會更有收穫了，呵呵……
PS：Tandy Tang祝大家寫代碼寫的愉快！

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More