AjaxPro的使用方法

這段時間要用到Ajax,不過,完全靠自己來寫嫌太煩,不願做些麻煩事。
雖然asp.net微軟已經推出了 微軟的ajax客戶端組

件,但是要在原來的項目中使用顯得麻煩。而且生成的源文件臃腫。
問了社區裏的一些朋友,向我推薦了ajaxPro,說它很簡單,而且小巧,兼容性也好。特此下來試試。
首先去AjaxPro的官網是http://ajaxpro.info,你可以下載到最新的AjaxPro組件包。
將下載的包解壓。得到AjaxPro.2.dll,AjaxPro.dll,AjaxPro.JSON.2.dll,AjaxPro.JSON.dll,web.xml 這麼幾個文件。
開始測試;
(1)修改你的網站web.xml
<httpHandlers>
      <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
    </httpHandlers>
在<system.web>的節點下添加<httpHandlers>節點
(2)我們現在只需要把AjaxPro.2.dll這個文件引入bin目錄下
(3)新建頁面ajax如下
    public partial class ajax : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //using AjaxPro
            AjaxPro.Utility.RegisterTypeForAjax(typeof(ajax));
這的ajax是指頁面類的類名。如是放在命名空間,則需要寫上完整的命名空間(如:namespaces.ajax)

        }
    }
(4)假設我們在ajax頁面新建一個方法
   [AjaxPro.AjaxMethod]//請注意這裏的標記是ajaxPro把此方法映射爲客戶端可調用的方法
   public string GetCurrentTime()
        {
            return "hello ajax 現在時間:"+DateTime.Now.ToString();
        }
(5)轉向客戶端我們
<script language="javascript" type="text/javascript">
    function call()
    {
        ajax.GetCurrentTime(callBack);
        //這裏的ajax就是我們的頁面的名稱
        //GetCurrentTime是我們剛纔在頁面後置文件中寫的一個方法
        //用來問候並顯示當前的時間
        //callBack是回調函數
    }
    function callBack(result)
    {
     //回調函數callBack用一個參數result用來接受GetCurrentTime的返回值
    
     alert(result.value);
   }
   </script>
然後我們在頁面的加載事件中加入οnlοad="call();"
我們就可以得到預期的結果。如下截圖
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章