1.web.config
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.web>
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
<!--保证客户端向"ajaxpro/*.ashx"的请求(POST和GET)都被AjaxPro.AjaxHandlerFactory拦截-->
</httpHandlers>
</system.web>
</configuration>
2.创建一个页面Default.aspx
using System;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
//注册AJAX可调用的类的名称(本页面类名_Default)
}
//[AjaxPro.AjaxMethod]是定义AjaxPro可调用的方法,是必须要注明的
[AjaxPro.AjaxMethod]
public string SetTb(string name)
{
return name;
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function comit_onclick()
{
var name=document.getElementById("tb1").value;
_Default.SetTb(name,callback); //调用_Default.aspx.cs后台代码中SetTb这个方法
}
//返回后运行的方法
function callback(res)
{
document.getElementById("tb").value=res.value;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox runat="server" ID="tb1"></asp:TextBox>
<br/>
<input id="comit" type="button" value="Ok" οnclick="return comit_onclick()" />
<br />
<asp:TextBox runat="server" ID="tb"></asp:TextBox>
</div>
</form>
</body>
</html>
效果: