有你在真好 的个人博客
AjaxPro.dll 下载及使用
阅读:2303 添加日期:2021/3/22 16:07:19
"

AJAX技术的风起云涌,也使得B/S应用的表现力日益增强,大有逐步吞食C/S领地之势。利用ajaxpro.dll,你可以从JavaScript客户调用.NET方法。    
首先下载ajaxpro.dll,下载解压后的文件夹中有个AjaxPro.dll,就是它了。使用VS新建web项目,并添加对AjaxPro.dll的引用,然后在Web配置文件中添加:

  1. <httpHandlers>

  2.             <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>

  3.         </httpHandlers>

复制代码

这个配置项表明所有的ajaxpro/*.ashx请求(即从客户发送的Ajax请求)都交给AjaxPro.AjaxHandlerFactory处理,而不是由默认的System.Web.UI.PageHandlerFactory来处理。 
    新建的web项目有个默认的_Default页面,

  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="MyAjaxNetTest._Default" %>

复制代码

然后在PageLoad中注册本页面到AjaxPro中:

  1. protected void Page_Load(object sender, EventArgs e)

  2.         {

  3.             AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default)); 

  4.         }

复制代码

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

  1. [AjaxPro.AjaxMethod]

  2.         public string GetServerTime()

  3.         {

  4.             return DateTime.Now.ToString();

  5.         }

复制代码

客户现在可以在JS中调用这个方法了,如

  1. <script type="text/javascript">

  2.       function getTime()

  3.       {        

  4.           alert(MyAjaxNetTest._Default.GetServerTime().value);          

  5.       }

  6.       </script>

复制代码

测试二:    
    为GetServerTime方法添加static修饰,测试仍然成功!

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

  1. public class Student

  2.     {

  3.         public string Name = "sky" ;

  4.         public int    Age = 26;

  5.     }

复制代码

服务端添加GetStudent方法:

  1. [AjaxPro.AjaxMethod]

  2.         public Student GetStudent()

  3.         {

  4.             return new Student();

  5.         }

复制代码

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

  1. function getStudent()

  2.       {

  3.         var stu = MyAjaxNetTest._Default.GetStudent().value ;

  4.         alert(stu.Name + " " + stu.Age) ;

  5.       }

复制代码

依照前面的加个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.         }

复制代码

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

    客户端添加调用:

  1. function putStudent()

  2.       {

  3.             var stu = MyAjaxNetTest._Default.GetStudent().value ;

  4.             stu.Name = "chenqi" ;

  5.             MyAjaxNetTest._Default.SetStudent(stu) ;

  6.       }

复制代码

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

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

  1. public class Student

  2.     {

  3.         private string name = "sky" ;

  4.         public int Age = 26;


  5.         public string Name

  6.         {

  7.             get

  8.             {

  9.                 return this.name;

  10.             }

  11.             set

  12.             {

  13.                 this.name = value;

  14.             }

  15.         }

  16.     }

复制代码

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

    单从前面的几个小测试,我已经发现了使用Ajaxpro.dll的方便与迅捷,看来B/S开发不再像我以前感受的那样繁琐了。
异步调用:

  1. function getValue() 

  2.   { 

  3.     MyAjaxNetTest._Default.getValue(getGroups_callback); 

  4.   }


  5.   function getGroups_callback(response) 

  6.   { 

  7.     var dt = response.value; 

  8.     alert(dt); 

  9.   }


"
ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号