使用AjaxPro实现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();
    }

时间: 2024-12-10 10:17:54

使用AjaxPro实现ajax效果的相关文章

为Struts2的表单验证添加AJAX效果实例

首先需要DWR servlet(uk.ltd.getahead.dwr.DWRServlet)Dojo和Ajax theme,其中DWR用于正常的校验Dojo用于处理ajax效果. 接下来,配置dwr,编写dwr.xml,存放于WEB-INF/下.内容如下 <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/

jQuery插件uploadify实现ajax效果的图片上传_jquery

昨天做了一天的ajax效果的图片上传,就是想让自己学的更加的精一些,所以看了很多第三方的控件,最后还是选择了uploadify这个控件,主要原因是比较容易上手. 首先我们先参考别人的资料(我自己整理了一下) 可选项 需要参数类型 参数名字 解释 (布尔型) auto 当文件被添加到队列时,自动上传. (字符串) buttonImg 浏览按钮的背景图片路径. (字符串) buttonText 默认在按钮上显示的文本. (字符串) cancelImg 取消按钮的背景图片路径. (字符串) check

不使用Ajax框架实现Ajax效果?

为了简单明了,我只在html中测试:注释里写的很清楚,我就不多废话了: 很多家公司在面试的时候可能会让你不使用任何Ajax的框架实现Ajax效果,虽然这段代码看上去挺痛苦,但也没有别的办法,记不记也得记(其实理解起来就没那么难记了--) readyState表示XMLHttpRequest对象的处理状态: 0:XMLHttpRequest对象还没有完成初始化. 1:XMLHttpRequest对象开始发送请求. 2:XMLHttpRequest对象的请求发送完成. 3:XMLHttpReques

分享AjaxPro或者Ajax实现机制_实用技巧

首先声明以下几点: 1.讲解如果感觉很初级的话,就算我装13了,不要"喷"我哦! 2.如果有那些地方不对,还希望大家能指正,一定虚心请教: 3.这只是一家之言,本人经验,无依无据,爱信不信. 下面开讲: 谈起ajax做过web开发的都很是熟悉,就是经由过程xmlhttp request与服务器端通信而避免页面按f5.也就是我们常说的"无刷新",至于这里面的原理我就不懂,哪个懂的话,教一下我啊,谢谢! 凡要使用ajaxpro,咱们大致要做以下工作: 1.在项目中添加引

使用script的src实现跨域和类似ajax效果_javascript技巧

场景 假如有两个域名不同的服务器, a.com和b.com, 在b.com/b_return_js.php这个接口里, 可以获取一些数据. 当然,假如是b.com的页面里, 可以使用ajax, 直接请求这个接口, 但如果在a.com的页面里如果请求呢. b_return_js.php的接口代码: 复制代码 代码如下: $a = array(     array('username'=>'tony', 'age'=>25),     array('username'=>'yimeng',

ajax效果模拟——隐藏的iframe无刷新效果

在ajax流行之前如何实现无刷新提交表单呢?其实用隐藏的iframe完全可以实现该功能,看一个测试的小例子. ryAdd.jsp <style type="javascript/text">   // 全局方法   function reset(){        $("txtID").val("");        $("txtName").val("");   } </script&g

一个更好用更高效的Ajax框架XCallback

今天特意和大家分享一个自认为很不错的ajax的框架XCallback,它是对callback的扩展 ,笔者曾经用过好几款ajax框架,最早用UpdatePanel 后来处于性能的考虑决定废弃,废弃原因有4: 1.网页首次要加载310kb的axd文件,占网速也占用浏览器的载入时间. 2.效率很低,违背了ajax的初衷,回传了viewstate和所有控件的值3.不够灵活,面对复杂而多变的项目开发,不是用几个拖拽就能解决问题,编程仍然是解决问题的核心,但是你想在他强加的思想下做出改变又是何等困难 .

ASP.NET与Ajax的实现方式小总结_AJAX相关

Ajax 已经很流行一阵子了,现在谈 Ajax 觉得有点老土,-_____-```.目前所谓的 Web2.0 网站,基本上没有不使用 Ajax 的,就如使用 RSS 一样,就如同一个标签,贴上去就成了 2.0.Ajax 具体细节不谈,其目的就是让用户触发一些操作的时候,页面不会全部刷新,只刷新待更新的"部分页面",加载数据的过程中,用 Loading 的图片来表示正在加载数据,不只是看起来挺不错,也提高了用户的访问体验,有一种酷酷的感觉. 至于 ASP.NET 中用到的 Ajax ,我

ASP.NET与Ajax的实现方式小总结

Ajax 已经很流行一阵子了,现在谈 Ajax 觉得有点老土,-_____-```.目前所谓的 Web2.0 网站,基本上没有不使用 Ajax 的,就如使用 RSS 一样,就如同一个标签,贴上去就成了 2.0.Ajax 具体细节不谈,其目的就是让用户触发一些操作的时候,页面不会全部刷新,只刷新待更新的"部分页面",加载数据的过程中,用 Loading 的图片来表示正在加载数据,不只是看起来挺不错,也提高了用户的访问体验,有一种酷酷的感觉. 至于 ASP.NET 中用到的 Ajax ,我