程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> 分享AjaxPro或者Ajax實現機制

分享AjaxPro或者Ajax實現機制

編輯:ASP.NET基礎
首先聲明以下幾點:
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祝大家寫代碼寫的愉快!
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved