日期:2014-05-16  浏览次数:20826 次

ajaxPro.dll基础教程(前台调用后台方法,后台调用前台方法)
AJAX技术的风起云涌,也使得B/S应用的表现力日益增强,大有逐步吞食C/S领地之势。利用ajaxpro.dll,你可以从JavaScript客户调用.NET方法。   
      首先下载ajaxpro.dll,你可以从http://www.ajaxpro.info/获得。最新版本是6.4.15.1,下载解压后的文件夹中有个AjaxPro.dll,就是它了。使用VS2005新建web项目,并添加对AjaxPro.dll的引用,然后在Web配置文件中添加:
        <httpHandlers>
            <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
        </httpHandlers>
    这个配置项表明所有的ajaxpro/*.ashx请求(即从客户发送的Ajax请求)都交给AjaxPro.AjaxHandlerFactory处理,而不是由默认的System.Web.UI.PageHandlerFactory来处理。
    新建的web项目有个默认的_Default页面,我们为其加上命名空间如MyAjaxNetTest,然后在_Default的HTML第一句也要加上这个名目空间:
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="MyAjaxNetTest._Default" %>    然后在PageLoad中注册本页面到AjaxPro中:

        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
        }

    测试一:
    一切已经准备就绪了,我们先进行第一个测试,从客户调用服务端的简单方法。首先在_Default类中添加方法:

         [AjaxPro.AjaxMethod]
        public string GetServerTime()
        {
            return DateTime.Now.ToString();
        } 
 
    客户现在可以在JS中调用这个方法了,如

       <script type="text/javascript">
       function getTime()
       {        
          alert(MyAjaxNetTest._Default.GetServerTime().value);         
       }
       </script>   

    然后你可以加个HTML的button,onclick处理函数设为getTime()。

<input id="Button1" type="button" value="button" onclick="getTime()"/>
   
    测试二:   
    为GetServerTime方法添加static修饰,测试仍然成功!

    测试三:
    简单方法调用已经OK了,GetServerTime方法返回的是一个简单的string,那么服务端可不可以返回稍微复杂一点的对象了?我们来试试。先新建一个Student类:

     public class Student
    {
        public string Name = "sky" ;
        public int     Age = 26;
    }

    服务端添加GetStudent方法:

        [AjaxPro.AjaxMethod]
        public Student GetStudent()
        {
            return new Student();
        }

    对应的,客户端添加调用:

       function getStudent()
       {
         var stu = MyAjaxNetTest._Default.GetStudent().value ;
         alert(stu.Name + " " + stu.Age) ;
       }

    依照前面的加个HTML