.net下的AjaxPro框架，简单入门
AjaxPro:
官方站点-http://www.ajaxpro.info/ ,如果你不下整个vs的组件，那下个AjaxPro.dll在项目中引用就可以了。
1.添加web.config
<httpHandlers>
<add verb="POST,GET" path="AjaxPro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
2.写一个要在client调用的server端方法
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;
namespace MyAjax
{
/// <summary>
/// NumberOP 的摘要说明
/// </summary>
public class NumberOP
{
public NumberOP()
{
}
[AjaxPro.AjaxMethod]]//要在client调用的必须使用这个attribute标明一下
public int Add(int a, int b)
{
return a + b+100;
}
[AjaxPro.AjaxMethod]//要在client调用的必须使用这个attribute标明一下
public string GetServerTime()
{
return DateTime.Now.ToShortTimeString();
}
}
}
3.在调用到的页面的page_load方法中注册这个类
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;
using MyAjax;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(NumberOP));
}
}
4.在html中写javascript调用server端的方法
<%@ 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>AjaxPro简单入门</title>
<script type="text/javascript">
function getServerTime()
{
//调用server的MyAjax命名空间下的NumberOP类下的GetServerTime方法。
//timeCallBack为客户端调用成功之后的回调方法
MyAjax.NumberOP.GetServerTime(timeCallBack);
}
//回调方法，result为server的返回值
function timeCallBack(result)
{
alert(result.value);
}
function add()
{
//服务器端方法有参数，必须先写，回调方法写最后
MyAjax.NumberOP.Add(4,6,addCallBack);
}
function addCallBack(result)
{
alert(result.value)
}
</script>
</head>
<body>
<form id="form1" runat="server">
<input id="Button1" type="button" value="getServerTime" onclick="getServerTime();" />
<input id="Button2" type="button" value="add" onclick="add();" />
</form>
</body>
</html>
5.整个例子 下载
官方站点-http://www.ajaxpro.info/ ,如果你不下整个vs的组件，那下个AjaxPro.dll在项目中引用就可以了。
1.添加web.config
<httpHandlers> <add verb="POST,GET" path="AjaxPro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/> </httpHandlers>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;namespace MyAjax{
/// <summary>
/// NumberOP 的摘要说明 /// </summary> public class NumberOP { public NumberOP() { } [AjaxPro.AjaxMethod]]//要在client调用的必须使用这个attribute标明一下 public int Add(int a, int b) { return a + b+100; } [AjaxPro.AjaxMethod]//要在client调用的必须使用这个attribute标明一下 public string GetServerTime() { return DateTime.Now.ToShortTimeString(); } }}3.在调用到的页面的page_load方法中注册这个类
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;using MyAjax;public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(NumberOP)); }}4.在html中写javascript调用server端的方法
<%@ 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>AjaxPro简单入门</title> <script type="text/javascript"> function getServerTime() { //调用server的MyAjax命名空间下的NumberOP类下的GetServerTime方法。 //timeCallBack为客户端调用成功之后的回调方法 MyAjax.NumberOP.GetServerTime(timeCallBack); } //回调方法，result为server的返回值 function timeCallBack(result) { alert(result.value); } function add() { //服务器端方法有参数，必须先写，回调方法写最后 MyAjax.NumberOP.Add(4,6,addCallBack); } function addCallBack(result) { alert(result.value) } </script></head><body> <form id="form1" runat="server"> <input id="Button1" type="button" value="getServerTime" onclick="getServerTime();" /> <input id="Button2" type="button" value="add" onclick="add();" /> </form></body></html>5.整个例子 下载
