初次体验.net Ajax无刷新技术

日期： 2007-12-04 来源：TechTarget中国

　　早就听说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
　　{
　　/**//// <summary>
　　/// Summary description for Methods.
　　/// </summary>
　　public class DemoMethods
　　{

　　[Ajax.AjaxMethod]
　　public string GetCustomerMac(string clientIP) //这里输入客户端IP,这个函数知识测试用，你也可以写一个其他的简单一点的函数代替
{
　　string mac = "";

　　System.Diagnostics.Process process = new System.Diagnostics.Process();
　　process.StartInfo.FileName = "nbtstat";
　　process.StartInfo.Arguments = "-a "+clientIP;
　　process.StartInfo.UseShellExecute = false;
　　process.StartInfo.CreateNoWindow = true;
　　process.StartInfo.RedirectStandardOutput = true;

　　process.Start();

　　string output = process.StandardOutput.ReadToEnd();
　　int length = output.IndexOf("MAC Address = ");

　　if(length>0)
　　{
　　mac = output.Substring(length+14, 17);
　　}

　　process.WaitForExit();

　　return mac.Replace("-", "").Trim();
　　}
　　}
　
　　}

　　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));
}

　　注意：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";以及其他麻烦的设置！期待……

我们一直都在努力坚持原创.......请不要一声不吭，就悄悄拿走。

我原创，你原创，我们的内容世界才会更加精彩！

【所有原创内容版权均属TechTarget，欢迎大家转发分享。但未经授权，严禁任何媒体（平面媒体、网络媒体、自媒体等）以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

相关推荐