ASP.NET2.0 Ajax的简单配置与应用

 

注意：在这个过程中如果出现包含AjaxMethod的类未定义的错误，则可能是因为IE临时文件的问题，请及时删除临时文件，然后查看。

Ajax的简单配置与应用(ajax.dll).

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

 

 

Ajax的简单配置与应用( AjaxPro.2.dll ).

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

2.修改web.config文件.
在web.config中增加如下节点.
<httpHandlers>
＜add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/＞
</httpHandlers>

3. 书写ajax方法.
ajax方法与一般的方法基本相同,只是在前面增加一个: [Ajax.AjaxMethod]
为方便起见,增加一个类文件,暂起名为: AjaxMethod.cs
例如:
[AjaxPro.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类所在的命名空间):
AjaxPro.Utility.RegisterTypeForAjax (typeof(MyAjaxSample.AjaxMethod));

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