使用AjaxPro实现的页面加载OnLoading效果

AjaxPro.Net是一个优秀的.net环境下的ajax框架,用法很简单,可以查阅相关资料,简单说有几点：
1）添加AjaxPro.dll应用；
2）配置web.config；
3）写服务端方法，加[AjaxPro.AjaxMethod]申明；
4）客户端调用服务端方法；(ajaxpro最大的优点：客户端js中直接调用服务端方法)
客户端代码:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>AjaxPro onLoading</title>
</head>
<body>
    <form id="form1" runat="server">
        <div id="loadinfo" style="visibility:hidden;position:absolute;left:0px;top:0px;background-color:Red;color:White;">Loading</div>

        <input id="Button1" type="button" value="Get ServerTime" onclick ="javascript:GetTime();void(0)" />

        <script type="text/javascript" defer="defer">

        // loading效果
        AjaxPro.onLoading = function(b)
        {
            var a = document.getElementById("loadinfo");
            a.style.visibility = b ? "visible" : "hidden";
        }

        function GetTime()
        {
            // 调用服务端方法
            //调用方法:类名.方法名 (参数为指定一个回调函数)
            myLoad.GetServerTime(callback);
        }

        function callback(res)  //回调函数,显示结果
        {
            alert(res.value);
        }
        </script>
    </form>
</body>
</html>

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

public partial class myLoad : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax(typeof(myLoad)); //注册ajaxPro,括号中的参数是当前的类名
    }

    [AjaxPro.AjaxMethod] //申明是ajaxPro方法
    public string GetServerTime()
    {
        System.Threading.Thread.Sleep(2000);
        return DateTime.Now.ToString();
    }
}

AjaxPro.Net实现的页面加载onLoading效果：

示例代码下载

/uploads/soft/091028/1-09102R34139.rar

开发环境：AjaxPro2.dll 6.10.6.2+asp.net2.0+server 3003

(责任编辑：admin)

Jquery之Ajax运用_学习运用篇	Ajax无刷新实现图片切换特效
利用XMLHTTP实现无刷新数据的查询	Ajax开发模式
在asp.ent写简单ajax功能	使用Ajax和Jquery实现GridView的展开、合并
ConfirmButton:带有确认功能的按钮	jQuery上传插件Uploadify使用详解
Ajax提示框	用AJAX编写一个简单的相册
AjaxPro实现无刷新翻页效果及数据库分页技术介绍	jQuery与prototype(ajaxpro)冲突的解决方法
四种局部刷新技术的比较	JQuery RadioButtonList
AjaxPro.dll控件实现异步刷新页面	Sys.WebForms与服务端协同工作以及Sys.Application下的属性
jQuery实现横向纵向菜单	AJAX的整个页面过程

ASP.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程

热门标签

使用AjaxPro实现的页面加载OnLoading效果

Tags：AjaxPro