在云那方

首页 新随笔 联系 订阅 管理

 

http://www.ajaxpro.info/  (官方网站)

新项目抛弃ASP.NET Ajax而使用AjaxPro,以前没有接触过,所以做了一个最简单的Demo。

以上网站上下载最新版本,目前为7.7.31.1,如果是.net 2.0就一个Dll就够了,就是AjaxPro.2.dll。

1、修改Web.config。在<system.web>元素中添加以下代码。
<httpHandlers>
<!-- Register the ajax handler -->
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/> </httpHandlers>

2、对AjaxPro在页Page_Load事件中进行运行时注册。如:
   protected void Page_Load(object sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));//这的_Default是默认的类名

    }
3、创建服务器端方法。只要给一个方法加上[AjaxPro.AjaxMethod]标记,
   该方法就变成一个AjaxPro可进行影射调用的方法。如下:
[AjaxPro.AjaxMethod]
public string GetResponse()
{
    return "Hello AjaxPro";
}

4、客户端调用

<script type="text/javascript" language="javascript">
        function GetString() {

            var response = _Default.GetResponse(); //如类名有命名空间,则 命名空间._Default.GetResponse(); 
            alert(response.value);
            return false;
        }
</script>

注意:服务器端方法GetResponse()必须是public的,否则无法调用。 

 

 

测试二:
    简单方法调用已经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;
            }
        }
    }  

 

posted on 2008-12-15 12:44  Rich.T  阅读(271)  评论(0编辑  收藏  举报