AJAX在去年已经接触过,但都是使用手动的方法编写客户端代码,再加上被请求的页面,感觉非常累,虽然早听说过AJAX.NET和其他一些第3方开发的框架,却一直没有时间来体验。今天下了个最新版本的AJAX.NET体验一下。
1、准备工作
新建项目,使用.NET1.1就引用下载下来的AJAX.NET的类库AjaxPro.dll,如果是使用.NET2.0 就引用AjaxPro2.dll
首先修改WEB.CONFIG文件
在<system.web> 节点内增加
<httpHandlers>
<addverb="*"path="*.ashx"type="AjaxPro.AjaxHandlerFactory,AjaxPro"/>
</httpHandlers>
2、然后在Page_Load事件中注册页面类
如我将使用AJAX的页面类名为‘AjaxControls’,注册语句就这样写:
AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxControls));
红字的地方是我的页面的类名
这句的作用实际上是在页面被请求的时候生成几句调用JS的SCRIPT代码
3、编写服务器端处理函数
如:
[AjaxPro.AjaxMethod]
public string Fun(string str)
{
return str;
}
‘[AjaxPro.AjaxMethod]’这句是关键,函数或方法写法没什么特别的地方,只是要使用这句声明这个函数是由AJAX.NET在页面异步请求的,总之记住要通过AJAX获得数据的后台函数就使用[AjaxPro.AjaxMethod]来声明一下。
另外,在AJAX.NET中如果处理函数需要对SESSION进行操作, ‘[AjaxPro.AjaxMethod]’需要改成‘[AjaxPro.AjaxMethod (AjaxPro.HttpSessionStateRequirement.ReadWrite)]’在 [AjaxPro.AjaxMethod(AjaxPro.……)] 的‘…… ’部分ajax.net还提供了其他很多方法,可以处理一些特殊的请求。
还有一点注意,如果使用Application,直接读取或写入 Application也是不行的,需要使用HttpContext.Current.Application,同样对 Request的访问也需要使用HttpContext.Current.Request。原因是直接使用的Application 或Request等都是由Page类继承下来的,而用Ajax.net对后台方法访问的时候,这些方法并不属于Page类。但是Session比较特殊,使用 HttpContext.Current.Session仍然不能访问,必须使用上面一段所用的方法并且直接就用Session就行。
4、客户端代码
在我的这个示例中,使用‘Ajax.AjaxControls.Fun("测试用的传递的字符串参数");’请求后台的函数,然后返回一个OBJECT对象,这个OBJECT的VALUE属性就可以得到后台函数的返回值
如:
function doTest()
{
var getobject = Ajax.AjaxControls.Fun("测试用的传递的字符串参数");
alert(getobject.value);
}
Ajax 是我这个项目的命名空间,AjaxControls 是我这个页面的的类名,Fun 很明显就是声明了的那个AJAX可调用的方法名,()中的参数也就是我的Fun函数所需要的参数,doTest() 只是一个客户段的函数,可以绑到控件的事件中,也可以已不用事件,随便怎么处理,客户端异步请求这个函数所得到的和平时我们用函数返回的稍微不同的就是,平时直接得到函数类型的返回值,而使用AJAX.NET客户端异步请求后台函数得到的是个OBJECT,要通过这个OBJECT的VALUE属性才能得到函数返回的值。
通常这里的客户段脚本还可以这样写:
function doTest()
{
Ajax.AjaxControls.Fun("测试用的传递的字符串参数",getdata);
}
function getdata(rv)
{
alert(rv.value);
}
Ajax.AjaxControls.Fun 中的参数除了对应后台函数的参数外,最后可以使用一个表达式参数,这个参数是某个客户段函数名,设置后,Ajax.AjaxControls.Fun请求后所获得OBJECT对象将被做为 表达式参数函数的一个参数传递到该函数中,然后通过这个OBJECT参数的VALUE就可以获得 AJAX请求后台函数所返回的值了,通过这几个步骤 就可以做出一个简单的使用Ajax.net结合.NET的示例页面了。