下载地址：
http://www.codeplex.com/Project/FileDownload.aspx?ProjectName=AjaxPro&DownloadId=2953
首先，添加对AjaxPro.2.dll的引用（对于.NET Framework 1.1 添加AjaxPro.dll）
然后,添加配置文件web.config,添加如下几行：
1![]( "点击图片可在新窗口打开")
<?xml version="1.0" encoding="utf-8"?>
2![]( "点击图片可在新窗口打开")
<configuration>
3![]( "点击图片可在新窗口打开")
<appSettings/>
4![]( "点击图片可在新窗口打开")
<connectionStrings/>
5![]( "点击图片可在新窗口打开")
<system.web>
6![]( "点击图片可在新窗口打开")
<httpHandlers>
7![]( "点击图片可在新窗口打开")
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
8![]( "点击图片可在新窗口打开")
</httpHandlers>
9![]( "点击图片可在新窗口打开")
[![]( "点击图片可在新窗口打开")
]
10![]( "点击图片可在新窗口打开")
</system.web>
11![]( "点击图片可在新窗口打开")
</configuration>
12![]( "点击图片可在新窗口打开")
<?xml version="1.0" encoding="utf-8"?>2
<configuration>3
<appSettings/>4
<connectionStrings/>5
<system.web>6
<httpHandlers>7
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>8
</httpHandlers>9
[
]10
</system.web>11
</configuration>12
意思是所有的ajaxpro/*.ashx请求都由Ajax.PageHandlerFactory处理，而不是由默认的System.Web.UI.PageHandlerFactory处理程序工厂来处理。
现在我们写个AjaxMethod服务器端方法，他和普通的服务器方法唯一不同的地方就是他必须要在方法的上面添加个[AjaxPro.AjaxMethod],代码如下：
1![]( "点击图片可在新窗口打开")
[AjaxPro.AjaxMethod]
2![]( "点击图片可在新窗口打开")
public int AddTwo(int firstInt, int secondInt)
3![]( "点击图片可在新窗口打开")
{
4![]( "点击图片可在新窗口打开")
return firstInt + secondInt;
5![]( "点击图片可在新窗口打开")
}
[AjaxPro.AjaxMethod]2
public int AddTwo(int firstInt, int secondInt)3
{4
return firstInt + secondInt;5
}
要想在客户端使用Javascrīpt调用.NET方法，你还必须注册这些方法：
1![]( "点击图片可在新窗口打开")
protected void Page_Load(object sender, EventArgs e)
2![]( "点击图片可在新窗口打开")
![]( "点击图片可在新窗口打开")
![]( "点击图片可在新窗口打开")
{
3![]( "点击图片可在新窗口打开")
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
4![]( "点击图片可在新窗口打开")
}
protected void Page_Load(object sender, EventArgs e)2
{3
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default)); 4
}
最后，我们再写客户端脚本来调用服务器方法(代码里有详细的注释)。
以下是前台Default.aspx代码：
1![]( "点击图片可在新窗口打开")
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
2![]( "点击图片可在新窗口打开")
3![]( "点击图片可在新窗口打开")
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4![]( "点击图片可在新窗口打开")
<html xmlns="http://www.w3.org/1999/xhtml">
5![]( "点击图片可在新窗口打开")
<head id="Head1" runat="server">
6![]( "点击图片可在新窗口打开")
<title>Untitled Page</title>
7![]( "点击图片可在新窗口打开")
</head>
8![]( "点击图片可在新窗口打开")
<body>
9![]( "点击图片可在新窗口打开")
<form id="form1" runat="server">
10![]( "点击图片可在新窗口打开")
<div>
11![]( "点击图片可在新窗口打开")
<input id="Text1" type="text" onchange="add()"/>
12![]( "点击图片可在新窗口打开")
+
13![]( "点击图片可在新窗口打开")
<input id="Text2" type="text" onchange="add()"/>
14![]( "点击图片可在新窗口打开")
=
15![]( "点击图片可在新窗口打开")
<span id="result"></span>
16![]( "点击图片可在新窗口打开")
</div>
17![]( "点击图片可在新窗口打开")
</form>
18![]( "点击图片可在新窗口打开")
19![]( "点击图片可在新窗口打开")
<scrīpt type="text/javascrīpt">
20![]( "点击图片可在新窗口打开")
function add()
21![]( "点击图片可在新窗口打开")
{
22![]( "点击图片可在新窗口打开")
var a=document.getElementById('Text1').value;
23![]( "点击图片可在新窗口打开")
var b=document.getElementById('Text2').value;
24![]( "点击图片可在新窗口打开")
var a1 = parseInt(a);
25![]( "点击图片可在新窗口打开")
var b1 = parseInt(b);
26![]( "点击图片可在新窗口打开")
27![]( "点击图片可在新窗口打开")
_Default.AddTwo(a1,b1,getAdd_callback); // 异步调用服务器端方法
28![]( "点击图片可在新窗口打开")
}
29![]( "点击图片可在新窗口打开")
30![]( "点击图片可在新窗口打开")
function getAdd_callback(rel)
31![]( "点击图片可在新窗口打开")
{
32![]( "点击图片可在新窗口打开")
//MyDemo._Default.GetServerTime()得到从服务器传来的数据是object，要写.value
33![]( "点击图片可在新窗口打开")
document.getElementById("result").innerHTML=rel.value;
34![]( "点击图片可在新窗口打开")
}
35![]( "点击图片可在新窗口打开")
36![]( "点击图片可在新窗口打开")
</scrīpt>
37![]( "点击图片可在新窗口打开")
38![]( "点击图片可在新窗口打开")
</body>
39![]( "点击图片可在新窗口打开")
</html>
40![]( "点击图片可在新窗口打开")
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>2
3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">4
<html xmlns="http://www.w3.org/1999/xhtml">5
<head id="Head1" runat="server">6
<title>Untitled Page</title>7
</head>8
<body>9
<form id="form1" runat="server">10
<div>11
<input id="Text1" type="text" onchange="add()"/>12
+13
<input id="Text2" type="text" onchange="add()"/>14
=15
<span id="result"></span>16
</div>17
</form>18
19
<scrīpt type="text/javascrīpt"> 20
function add()21
{22
var a=document.getElementById('Text1').value;23
var b=document.getElementById('Text2').value;24
var a1 = parseInt(a);25
var b1 = parseInt(b);26
27
_Default.AddTwo(a1,b1,getAdd_callback); // 异步调用服务器端方法 28
}29
30
function getAdd_callback(rel)31
{32
//MyDemo._Default.GetServerTime()得到从服务器传来的数据是object，要写.value33
document.getElementById("result").innerHTML=rel.value;34
}35
36
</scrīpt>37
38
</body>39
</html>40
以下是完整的后台Default.aspx.cs代码：
using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class _Default : System.Web.UI.Page { [AjaxPro.AjaxMethod] public int AddTwo(int firstInt, int secondInt)
{
return firstInt + secondInt;
} protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default)); }}
浙公网安备 33010602011771号