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