Ajax的简单配置与应用.

刚看了小山的blog,里面有一篇关于Ajax的初步使用,按其步骤做了一下:

1. 引用ajax.dll
将ajax.dll拷贝到项目bin目录中,同时增加对它的引用.

2.修改web.config文件.
在web.config中增加如下节点.
<httpHandlers>
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
</httpHandlers>

3. 书写ajax方法.
ajax方法与一般的方法基本相同,只是在前面增加一个: [Ajax.AjaxMethod]
为方便起见,增加一个类文件,暂起名为: AjaxMethod.cs
例如:
[Ajax.AjaxMethod]
public static string GetNIVNumber(string str)
{
return str;
}

4. 书写javascript
为方便起见,书写一个.js文件,暂起名为: AjaxJScript.js
在此文件内增加需要的函数.例如:
/* FirstAjaxSample所使用到的函数 */
function testAjax(owner, item, evt)
{
var first=document.getElementById("txtfirst");
AjaxMethod.GetNIVNumber(first.value,callback_GetNIVNumber);
}
function callback_GetNIVNumber(res)
{
var obj=document.getElementById("txtsecond");
obj.value=res.value;
}

5. 修改.aspx页面
在页面的前台代码中，增加对.js文件的引用.
<script language="javascript" src="AjaxJScript.js"></script>
Page_Load中注册(其中MyAjaxSample为AjaxMethod类所在的命名空间):
Ajax.Utility.RegisterTypeForAjax(typeof(MyAjaxSample.AjaxMethod));

运行即可看到效果.在第一个textbox中输入内容，点击button，就把内容显示到第二textbox中.