.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.整个例子 下载

你可能感兴趣的:(.net)