AJAX技术的风起云涌,也使得B/S应用的表现力日益增强,大有逐步吞食C/S领地之势。利用ajaxpro.dll,你可以从JavaScript客户调用.NET方法。
首先下载ajaxpro.dll,下载解压后的文件夹中有个AjaxPro.dll,就是它了。使用VS新建web项目,并添加对AjaxPro.dll的引用,然后在Web配置文件中添加:
- <httpHandlers>
- <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
- </httpHandlers>
新建的web项目有个默认的_Default页面,
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MyAjaxNetTest._Default" %>
- protected void Page_Load(object sender, EventArgs e)
- {
- AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
- }
一切已经准备就绪了,我们先进行第一个测试,从客户调用服务端的简单方法。首先在_Default类中添加方法:
- [AjaxPro.AjaxMethod]
- public string GetServerTime()
- {
- return DateTime.Now.ToString();
- }
- <script type="text/javascript">
- function getTime()
- {
- alert(MyAjaxNetTest._Default.GetServerTime().value);
- }
- </script>
为GetServerTime方法添加static修饰,测试仍然成功!
测试三:
简单方法调用已经OK了,GetServerTime方法返回的是一个简单的string,那么服务端可不可以返回稍微复杂一点的对象了?我们来试试。先新建一个Student类:
- public class Student
- {
- public string Name = "sky" ;
- public int Age = 26;
- }
- [AjaxPro.AjaxMethod]
- public Student GetStudent()
- {
- return new Student();
- }
- function getStudent()
- {
- var stu = MyAjaxNetTest._Default.GetStudent().value ;
- alert(stu.Name + " " + stu.Age) ;
- }
测试四:
最后看看能够在客户端提交对象给服务器,先在服务端添加方法:
- private Student student = null;
- [AjaxPro.AjaxMethod]
- public void SetStudent(Student stu)
- {
- this.student = stu;
- string name = this.student.Name;
- }
客户端添加调用:
- function putStudent()
- {
- var stu = MyAjaxNetTest._Default.GetStudent().value ;
- stu.Name = "chenqi" ;
- MyAjaxNetTest._Default.SetStudent(stu) ;
- }
测试五:
前面客户设置的都是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;
- }
- }
- }
单从前面的几个小测试,我已经发现了使用Ajaxpro.dll的方便与迅捷,看来B/S开发不再像我以前感受的那样繁琐了。
异步调用:
- function getValue()
- {
- MyAjaxNetTest._Default.getValue(getGroups_callback);
- }
- function getGroups_callback(response)
- {
- var dt = response.value;
- alert(dt);
- }