下载地址:

http://www.codeplex.com/Project/FileDownload.aspx?ProjectName=AjaxPro&DownloadId=2953

 

首先,添加对AjaxPro.2.dll的引用(对于.NET Framework 1.1 添加AjaxPro.dll)

然后,添加配置文件web.config,添加如下几行:

 

 1Ajax.NET新手指引<?xml version="1.0" encoding="utf-8"?>
E,^v;p2~*Z0@{0 2Ajax.NET新手指引<configuration>
nD/b[0]H!k0 3Ajax.NET新手指引  <appSettings/>
N!} yzX c:w0`7C0 4Ajax.NET新手指引  <connectionStrings/>博客.宿迁~n&U6]Q:nv8n
 5Ajax.NET新手指引  <system.web>
$]:b I a`NU0 6Ajax.NET新手指引    <httpHandlers>
Dp%J/vR9}0 7Ajax.NET新手指引      <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>博客.宿迁N G;OJ:h+D;[
 8Ajax.NET新手指引    </httpHandlers>博客.宿迁:_9h(RF }]n'R
 9Ajax.NET新手指引    [Ajax.NET新手指引]
_w {#^Qa G~+c6IJ i010Ajax.NET新手指引  </system.web>
iW:o8IZ `^011Ajax.NET新手指引</configuration>
F;h Y"K7s}#Xw l012Ajax.NET新手指引

 

意思是所有的ajaxpro/*.ashx请求都由Ajax.PageHandlerFactory处理,而不是由默认的System.Web.UI.PageHandlerFactory处理程序工厂来处理。博客.宿迁G(B Sg2zr ~%| _
博客.宿迁4X.eG_T buq

'}${7]pV0B){O+m?0

现在我们写个AjaxMethod服务器端方法,他和普通的服务器方法唯一不同的地方就是他必须要在方法的上面添加个[AjaxPro.AjaxMethod],代码如下:

1Ajax.NET新手指引    [AjaxPro.AjaxMethod]
*b"t%b:`2h0
2Ajax.NET新手指引    public int AddTwo(int firstInt, int secondInt)
+W-vm-GN j8A#@GV0
3 

 

要想在客户端使用Javascrīpt调用.NET方法,你还必须注册这些方法:

1Ajax.NET新手指引    protected void Page_Load(object sender, EventArgs e)
^D-S)@5Jv3J,t7z02    }

 

最后,我们再写客户端脚本来调用服务器方法(代码里有详细的注释)。

以下是前台Default.aspx代码: 

 1Ajax.NET新手指引<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>博客.宿迁(o2V2Vj4f
 2Ajax.NET新手指引博客.宿迁 h&`q|1n[5Q
 3Ajax.NET新手指引<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">博客.宿迁7o*RFw6},U+bM a
 4Ajax.NET新手指引<html xmlns="http://www.w3.org/1999/xhtml">博客.宿迁:e.hmui b
 5Ajax.NET新手指引<head id="Head1" runat="server">
?~c9Q W6nP0
 6Ajax.NET新手指引    <title>Untitled Page</title>博客.宿迁&L{-_8S9t*o[*}n
 7Ajax.NET新手指引</head>
lB:Pra:a0
 8Ajax.NET新手指引<body>博客.宿迁SBl$[f(m |!p,y^
 9Ajax.NET新手指引    <form id="form1" runat="server">博客.宿迁}"B0`9r8V4S {
10Ajax.NET新手指引        <div>
.R4r0@;m1mi:~(R,B0
11Ajax.NET新手指引            <input id="Text1" type="text" onchange="add()"/>
/O8Y3T h4n7x,h0
12Ajax.NET新手指引            +
"R?d!STx Ql0
13Ajax.NET新手指引            <input id="Text2" type="text" onchange="add()"/>博客.宿迁n5Hb3AB,Abv0AM1NP}
14Ajax.NET新手指引            =
;F ug%u4l0
15Ajax.NET新手指引            <span id="result"></span>博客.宿迁&e#P6ruIE'y
16Ajax.NET新手指引        </div>
(d"L+{'_8}J9]6y0
17Ajax.NET新手指引    </form>博客.宿迁nm)g]\3F r$j f
18Ajax.NET新手指引博客.宿迁 D.We t,b#{'I#]
19Ajax.NET新手指引    <scrīpt type="text/javascrīpt">   博客.宿迁3]M-~$Q}F d/lbA/K
20Ajax.NET新手指引    function add()博客.宿迁7PB9`m3hqIO{h*o
21

 

以下是完整的后台Default.aspx.cs代码:

Ajax.NET新手指引using System;博客.宿迁Io6]%k} v
Ajax.NET新手指引
using System.Data;博客.宿迁'H{T5~,`l7kM
Ajax.NET新手指引
using System.Configuration;博客.宿迁.x.Z4}:R:X3jx(T H
Ajax.NET新手指引
using System.Web;博客.宿迁n;V8IR9cZJNx
Ajax.NET新手指引
using System.Web.Security;博客.宿迁G.T?#B[Z:P
Ajax.NET新手指引
using System.Web.UI;博客.宿迁$Y-f e?&^Fd T
Ajax.NET新手指引
using System.Web.UI.WebControls;博客.宿迁~mE9YT)GXMg
Ajax.NET新手指引
using System.Web.UI.WebControls.WebParts;
'|B$[y2{M_0Ajax.NET新手指引
using System.Web.UI.HtmlControls;
%mlfw |T"s(G0Ajax.NET新手指引博客.宿迁5UWA0zC
Ajax.NET新手指引
public partial class _Default : System.Web.UI.Page 
~0Nz+Sh x1k0

 

 

相关文章: