• 使用AjaxPro实现ajax效果


            在上一篇使用XMLHttpRequest 实现ajax效果中,介绍了使用XMLHttpRequest实现ajax效果,本篇将使用AjaxPro.Net框架实现同样的功能:在客户端异步获取服务端时间!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效果:
          
    示例代码下载:/Files/chy710/ajaxPro.rar
    环境:AjaxPro2.dll 6.10.6.2  asp.net2.0

  • 相关阅读:
    js三大弹出消息框
    HDU
    BZOJ 1101 Zap 莫比乌斯反演
    竞赛常用STL备忘录
    K-query SPOJ
    HDU 3333 Turing Tree 离线 线段树/树状数组 区间求和单点修改
    2018 Multi-University Training Contest
    多校补完计划 2017-02
    CodeForces 931C Laboratory Work 水题,构造
    CodeForces 937D 936B Sleepy Game 有向图判环,拆点,DFS
  • 原文地址:https://www.cnblogs.com/chy710/p/718715.html
Copyright © 2020-2023  润新知