AjaxPro.dll 使用

本文介绍如何通过AjaxPro.dll实现从JavaScript客户端调用.NET方法,包括返回字符串、复杂对象及异步调用等场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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. }

摘自: http://blog.youkuaiyun.com/bnmjstu/article/details/5899255
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值