使用AjaxPro实现ajax效果

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

<title>AjaxPro onLoading</title>

</head>

<body>

<div id="loadinfo" style="visibility:hidden;position:absolute;left:0px;top:0px;background-color:Red;color:White;">Loading

</div>

// 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

posted @ 2007-04-18 19:04 chy710 阅读(2958) 评论(7) 编辑收藏网摘所属分类: Ajax

发表评论

回复引用查看

#1楼 2007-04-20 09:35 | ddr888

lz 我也用了ajaxpro，感觉除了这些简单的调用服务器的功能，传递一个东西从服务器到客户端外还有其他的功能，但是在ajaxpro.info上都看不到完整的文档，真是很郁闷，现在能用的也就是这个网站上的demo和startkit，想自己“发挥”一下又没有文档参考。

回复引用查看

#2楼 [楼主]2007-04-20 17:47 | chy710

@ddr888
AjaxPro的作者是一个国外的MVP吧,文档好像还没看到,不过这个框架还是喜欢用!

回复引用查看

#3楼 2007-04-23 08:31 | ddr888

@chy710
如果只限与作者的例子，发挥框架的优势就不太容易了，怎么去深入了解一下这个框架？

回复引用

#4楼 2007-06-14 16:36 | mq[未注册用户]

想深入啊.......能和效果联系起来吗,不想仅仅只是显示出数据

回复引用

#5楼 2007-07-13 16:57 | jiduspace[未注册用户]

注：javascript代码放在form内结束处，确保可以访问AjaxPro对象，否则提示AjaxPro未定义；因为在服务端page_load输出js到页面后才到找到AjaxPro对象
------------------------------------------------------------
真的是这样的结果吗？
我一直在用AjaxPro ，其中Javascript代码我是放到Head标签内，至今没有出现你所说的问题。不知道具体情况究竟是怎么样的。

回复引用

#6楼 2008-08-11 10:59 | beibihani[未注册用户]

未能加载文件或程序集“AjaxPro.2”或它的某一个依赖项。系统找不到指定的文件。

会出现这错是为什么呢