ajaxPro使用例子

在附录的Ajax框架介绍中发现了这样一句话：“利用Ajax.Net，你可以从JavaScript客户调用.NET方法”。

新建的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(MyDemo._Default.GetServerTime().value);          
       }
       </script>

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

<input id="Button1" type="button" value="button" onclick="getServerTime()"/>

    
    测试二：
    简单方法调用已经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 =  MyDemo._Default.GetStudent().value ;
         alert(stu.Name + " " +  stu.Age) ;
       }

    依照前面的加个HTML按钮测试getStudent函数，答案是，一切照我们预料的进行，客户js可以访问服务端返回的对象。

    测试三：
    最后看看能够在客户端提交对象给服务器，先在服务端添加方法：

1         private Student student = null ;
2          [AjaxPro.AjaxMethod]
3         public void  SetStudent(Student stu)
4          {
5             this.student =  stu;
6             string name = this .student.Name;
7         }

     可以在第六行添加断点，然后当客户端调用时，会进入该断点。

    客户端添加调用：

     function putStudent()
       {
            var stu =  MyDemo._Default.GetStudent().value ;
            stu.Name = "chenqi"  ;
            MyDemo._Default.SetStudent(stu) ;
       }

    同样，当调用putStudent这个js方法时，服务端进入断点已经表明客户成功的提交了对象，并且对象的Name字段已经改变为“chenqi”了。

    测试四：
    前面客户设置的都是Student的public字段，那么访问属性如何了？我们将Student定义更改如下：

     public class  Student
    {
        private string name = "sky"  ;
        public int Age = 26 ;

        public string  Name
        {
            get
            {
                 return this .name;
            }
            set
            {
                 this.name =  value;
            }
        }
    }

    再重复前面的测试，结果我想已经在你的料想中了。