在上一篇使用XMLHttpRequest 实现ajax效果中,介绍了使用XMLHttpRequest实现ajax效果,本篇将使用AjaxPro.Net框架实现同样的功能:在客户端异步获取服务端时间!AjaxPro.Net是一个优秀的.net环境下的ajax框架,用法很简单,可以查阅相关资料,简单说有几点:
1)添加AjaxPro.dll应用;
2)配置web.config;
3)写服务端方法,加[AjaxPro.AjaxMethod]申明;
4)客户端调用服务端方法;(ajaxpro最大的优点:客户端js中直接调用服务端方法)
客户端代码:

使用AjaxPro实现ajax效果<html xmlns="http://www.w3.org/1999/xhtml" >
使用AjaxPro实现ajax效果
<head runat="server">
使用AjaxPro实现ajax效果    
<title>AjaxPro onLoading</title>
使用AjaxPro实现ajax效果
</head>
使用AjaxPro实现ajax效果
<body>
使用AjaxPro实现ajax效果    
<form id="form1" runat="server">
使用AjaxPro实现ajax效果        
<div id="loadinfo" style="visibility:hidden;position:absolute;left:0px;top:0px;background-color:Red;color:White;">Loading使用AjaxPro实现ajax效果</div>
使用AjaxPro实现ajax效果   
使用AjaxPro实现ajax效果        
<input id="Button1" type="button" value="Get ServerTime" onclick ="javascript:GetTime();void(0)" />
使用AjaxPro实现ajax效果
>

注:javascript代码放在form内结束处,确保可以访问AjaxPro对象,否则提示AjaxPro未定义;因为在服务端page_load输出js到页面后才到找到AjaxPro对象;且javascript的defer="defer",页面加载时先不执行此代码。
服务端代码:

使用AjaxPro实现ajax效果public partial class myLoad : System.Web.UI.Page
}

AjaxPro.Net实现的页面加载onLoading效果:
使用AjaxPro实现ajax效果       使用AjaxPro实现ajax效果
示例代码下载:/Files/chy710/ajaxPro.rar
环境:AjaxPro2.dll 6.10.6.2  asp.net2.0

 

相关文章: