【IT168 编程开发】早就听说Ajax技术了,传说中是一种很牛的东西,号称无刷新,其实是在web上通过javascript,使用异步的xmlhttp请求,实现无刷新的web界面。可惜一直没有体验过, 先后听做PHP的朋友用过PHP的Ajax开发包,而且做了很多很酷的东西,使小生羡慕不已。
今天下了一个.net Ajax开发包,该开发包包括ASP2.0和目前ASP1.1版使用的Ajax,详细地址参见http://ajax.schwarz-interactive.de/,接下来,开工。
1. 新建一个项目,在引用中添加引用Ajax.dll,Ajax.dll位于下载的压缩包里面。
2.建立HttpHandler,在web.config里面加上
| <configuration> <system.web> <httpHandlers> <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" /> </httpHandlers> ... <system.web> </configuration> |
3.新建一个类DemoMethods,这个类实现获取客户端MAC地址:
| using System; using System.Web; namespace AjaxSample System.Diagnostics.Process process = new System.Diagnostics.Process(); if(length>0) } |
4.写javascript,新建一个名为default.js文件如下,
| function GetMac() { var clientIP="192.168.0.1"; document.getElementById("Mac").value=DemoMethods.GetCustomerMac(clientIP).value alert(DemoMethods.GetCustomerMac(clientIP).value); } |
5.在某个Aspx页面放上一个html 的button
在页面上<head>中引用default.js : <script language="javascript" src="default.js"></script>
在INPUT的onclick事件中加上onclick="javascript:GetMac()"
<INPUT style="Z-INDEX: 101; LEFT: 392px; POSITION: absolute; TOP: 176px" type="button" value="客户端获取IP" onclick="javascript:GetMac();">
6.在page页面的Page_Load事件中加上
| private void Page_Load(object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面 Ajax.Utility.RegisterTypeForAjax(typeof(AjaxSample.DemoMethods));<BR> } |
注意:typeof(AjaxSample.DemoMethods)中,AjaxSample是命名空间,DemoMethods是要包含要调用方法的类,即上面第3步.新建类DemoMethods
7.修改Global.asax的Application_Start事件,设置Ajax的HandlerPath :
| protected void Application_Start(Object sender, EventArgs e) { Ajax.Utility.HandlerPath = "ajax"; } |
运行看看效果。是不是没有刷新就在服务器端取到客户端的MAC地址??
需要注意的是:该版本的.net Ajax需要手工在中Global.asax加上Ajax.Utility.HandlerPath = "ajax"; 配置文件web.config必须加上HttpHandler的配置信息!
该开发包的新版本还没有来得及体验,估计新版本中会方便一些,可能会去掉手动的设置Global.asax的Application_Start事件中加上Ajax.Utility.HandlerPath = "ajax";以及其他麻烦的设置!期待ing……
| 第1页:初次体验.net Ajax无刷新技术 |