AJAX 指异步JavaScript及 XML(Asynchronous JavaScript And XML),可以实现异步编程、局部刷新,节省客户端和服务器之间来回交互的数据量,本文主要介绍下.net中的Ajax框架AjaxPro的使用。
1、先下载AjaxPro.2.dll,在项目中添加引用。
2、在Web.Config中HttpHandler中添加如下配置:
<httpHandlers>
<add verb="GET,POST" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
3、新建一个Ajax方法集中处理的类文件:
namespace Demo.Common
{
[AjaxPro.AjaxNamespace("MyAjaxTest")]
public class Common
{
[AjaxPro.AjaxMethod]
public string GetString(string name)
{
return "Hello," + name;
}
}
}
4、新建一个Default.aspx页面,在页面Page_Load中注册Ajax方法:
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//Page_Load中注册AJAX可调用的类的名称
AjaxPro.Utility.RegisterTypeForAjax(typeof(Common.Common));
}
}
前端页面使用此Ajax方法的实例:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function testAjax(){
var txtName=document.getElementById("txtName").value;
MyAjaxTest.GetString(txtName,alertMsg);
}
function alertMsg(res){
alert(res.value);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="text" id="txtName" />
<input type="button" value="test" οnclick="testAjax()" />
</div>
</form>
</body>
</html>