.net下的AjaxPro框架，简单入门

AjaxPro:
官方站点- http://www.ajaxpro.info/ ,如果你不下整个vs的组件，那下个AjaxPro.dll在项目中引用就可以了。
1.添加web.config

         < httpHandlers >
       < add  verb ="POST,GET"  path ="AjaxPro/*.ashx"  type ="AjaxPro.AjaxHandlerFactory, AjaxPro" />
         </ httpHandlers >

2.写一个要在client调用的server端方法

using  System;
using  System.Data;
using  System.Configuration;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

namespace  MyAjax
{
    /**//// <summary>
    /// NumberOP 的摘要说明
    /// </summary>
    public class NumberOP
    {

        public NumberOP()
        {
        }

        [AjaxPro.AjaxMethod]]//要在client调用的必须使用这个attribute标明一下
        public  int Add(int a, int b)
        {
            return a + b+100;
        }

        [AjaxPro.AjaxMethod]//要在client调用的必须使用这个attribute标明一下
        public  string GetServerTime()
        {
            return DateTime.Now.ToShortTimeString();
        }
    }
}

3.在调用到的页面的page_load方法中注册这个类

using  System;
using  System.Data;
using  System.Configuration;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;
using  MyAjax;
public  partial  class  _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax(typeof(NumberOP));
    }
}

4.在html中写javascript调用server端的方法

<% @ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"  %>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > AjaxPro简单入门 </ title >
     < script  type ="text/javascript" >
        
        function getServerTime()
        {
            //调用server的MyAjax命名空间下的NumberOP类下的GetServerTime方法。
            //timeCallBack为客户端调用成功之后的回调方法
            MyAjax.NumberOP.GetServerTime(timeCallBack);
        }
        
        //回调方法，result为server的返回值
        function timeCallBack(result)
        {
            alert(result.value);
        }
        
        
        function add()
        {
            //服务器端方法有参数，必须先写，回调方法写最后
            MyAjax.NumberOP.Add(4,6,addCallBack);
        }
        function addCallBack(result)
        {
            alert(result.value)
        }
     </ script >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
         < input  id ="Button1"  type ="button"  value ="getServerTime"  onclick ="getServerTime();"   />
         < input  id ="Button2"  type ="button"  value ="add"  onclick ="add();"   />     
     </ form >
</ body >
</ html >

5.整个例子 下载