您的位置:首页 > 其它

一个简单但完整的AjaxPro的使用

2010-10-09 14:56 309 查看
使用过程中注意AjaxPro 版本问题, (6.10版本,大小是124k的,因为用的net1.1如果你是用的net2.0要用 AjaxPro.2.dll)
1、首先下载AjaxPro 组件。并将AjaxPro.dll引用到网站(或项目)。
2、修改Web.config。在 <system.web> 元素中添加以下代码。
<configuration>
<system.web>
<httpHandlers>
<!-- Register the ajax handler -->
<add verb="*" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
</system.web>
</configuration>

3、对AjaxPro在页Page_Load事件中进行运行时注册。如:
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));//这的_Default是指页面
类的类名。如是放在命名空间,则需要写上完整的命名空间(如:namespaces._Default)
}
4、创建服务器端方法。只要给一个方法加上[AjaxPro.AjaxMethod]标记,
该方法就变成一个AjaxPro可进行影射调用的方法。如下:
[AjaxPro.AjaxMethod]
public string getValue(int a,int b)
{
//该方法我们将实现从客户端传入两个数,在服务器端相加计算后返回到客户端。
return Convert.ToString(a+b);
}
5、客户端调用。
<script language="javascript">
function getValue(){
_Default.getValue(1,2,getGroups_callback);//该处即调用服务器端的_Default.getValue方法。
这在里边需要指定个回调函数,以接受服务器端处理完后返回客户端结果。
form1.TextBox1.value="123";
}

//这个方法用户接受并处理服务器端返回的结果。
function getGroups_callback(response){
var dt=response.value;
alert(dt);
}
</script>

到这一个简单,但已是一个完整的AjaxPro的使用了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: