AjaxPro框架使用整理(一) 一个简单的异步交互页面

来源：互联网发布：数据库快速入门书编辑：程序博客网时间：2024/05/09 01:49

1.首先在项目中引入AjaxPro.2.dll
2.在web.config文件中<system.web>结点下添加以下结点

</httpHandlers>

3.以上准备工作做好后就可以开始做一个简单的应用了
服务器端页面代码

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

//注册Ajax类

AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));

}

[AjaxPro.AjaxMethod] //给要调用的服务器端方示添加(AjaxMethod)特性

public string Welcome(string name)

{

return "Hello " + 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">

<title>Welcome</title>

function CallServerMethod()

{

//得到文本框中的值

var name=document.getElementById("Text1").value;

//调用服务器端方法,并指明处理函数

_Default.Welcome(name,callback);

}

function callback(res)

{

//得到显示信息的div对象

var oDiv=document.getElementById("WelcomeMsg");

//给div对象的innerHTML属性指定从服务器返回的文本

oDiv.innerHTML=res.value;

}

</script>

</head>

<body>

<div>

</form>

</body>

</html>

这样一个简单的Ajax应用就完成了.