(一)AJAXPro之旅---神奇的小魔盒

AJAX的技术现在红的几乎盖过了JAVA,.net本身带来的震撼,prototype,Mootools,EXTs,GWT等开源的框架的疯狂流行.似乎暗示着没有应用AJAX技术,你的Web程序等于就是落后的,但是很多时候,我们并不是那么的依赖他...

好了前面说了那么的废话,现在进入我们的主题---AJAXPro,.Net下十分流行的AJAX类库.支持.net1.1 和.Net 2.0.首先我们从http://www.codeplex.com/AjaxPro下载AJAX的包.其中包括AjaxPro.2.dll,AjaxPro.dll,AjaxPro.JSON.2.dll,AjaxPro.JSON.dll,web.config 5个文件.其中.2结尾的是应用在.Net2.0框架下的类库.(个人使用的是2.0的,以下的教程也是应用在2.0下的),web.config 是网站的配置文件.具体的以后细说.

首先,新建一个Web项目.然后在项目里添加DLL引用:

然后打开web.config,添加

<system.web>
<httpHandlers>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
</system.web>

然后在Default.aspx.cs里添加一个函数:

[AjaxPro.AjaxMethod]   //AjaxPro.AjaxMethod属性标记表示这个方法是AJAX方法.
public string GetHello(string name)
{
System.Threading.Thread.Sleep(1000);
return "你好:" + name;
}

然后在Default.aspx.cs的Page_Load函数里添加:

protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
}

这样,我们的服务器段代码就写好了.现在开始写客户端的代码.很简单,在页面里添加

<div id="div1"></div>
<input type="button" value="Do" onclick="doAjax()" />

然后添加javascript脚本段:

<script type="text/javascript">
function doAjax()
{
//注册回调函数已经参数
TestAJAXPro._Default.GetHello("hello",doAjaxCallback);
}
function doAjaxCallback(req)
{
var div1=document.getElementById("div1");
//reg是AJAX函数返回的值
div1.innerHTML=req.value;
}

</script>

然后我们就可以执行页面了.点击Do按钮,你看到了什么?

下篇预告:(二)AJAXPro之旅---构造实际的AJAX应用.