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

早就听说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里面加上

<system.web>

</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事件中加上οnclick="javascript:GetMac()"

<INPUT style="Z-INDEX: 101; LEFT: 392px; POSITION: absolute; TOP: 176px" type="button"

value="客户端获取IP" οnclick="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";以及其他麻烦的设置！期待ing……

转载于:https://www.cnblogs.com/thx-bj/archive/2007/11/27/974558.html

初次体验.net Ajax无刷新技术相关推荐

(转)初次体验.net Ajax无刷新技术
早就听说Ajax技术了,传说中是一种很牛的东西,号称无刷新,其实是在web上通过javascript,使用异步的xmlhttp请求,实现无刷新的web界面.可惜一直没有体验过, 先后听做PHP的朋友用 ...
JQuery 总结（8）Ajax 无刷新技术
Ajax 无刷新技术 [ 有get 和post 一一对应] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(".delete& ...
AJAX聊天室无刷新技术方案
聊天室在网上很常见,它给人们提供了在线聊天的机会.聊天室在功能上类似论坛,但是论坛上的信息可以保存较长的时间,而聊天室主要用于在线聊天,所以对存储信息方面的要求不高,另外还要经常删除一些信息,避免数据 ...
ajax无刷新留言板远吗,基于jquery实现ajax无刷新评论
基于jquery实现ajax无刷新评论发布于 2017-03-31 11:26:07 | 75 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javascript框架jQuery是一个 ...
html5拖拽图片批量ajax无刷新进度上传
1.前端拖拽图片之前有篇文章说到HTML5的拖拽(drag.drop,详见:/post/jquery-plugin-1-jquery-drag-and-html5-draggable-api-and ...
ajax和php二级联动,jQuery+php+mysql,轻松实现ajax无刷新省市二级联动[多图]
jQuery+php+mysql,轻松实现ajax无刷新省市二级联动[多图] 08-15栏目:技术 TAG:zxfy zxfy 用jQuery的ajax方法,结合PHP,轻松实现省市级的二级联动: h ...
Ajax无刷新实现图片切换特效
1.页面cs代码 using System; using System.Data; using System.Configuration; using System.Web; using System ...
JAVA EE 中之AJAX 无刷新地区下拉列表三级联动
JSP页面 <html> <head> <meta http-equiv="Content-Type" content="text/html ...
ajax无刷新评论的思路,ajax学习——ajax版无刷新评论（数据库）
//Comment.htm 无刷新评论 type="text/javascript"> //加载评论 $(function() { $.post("GetComme ...
JQUERY AJAX无刷新异步上传文件
AJAX无刷新上传文件并显示 http://blog.csdn.net/gao3705512/article/details/9330637?utm_source=tuicool jQuery For ...

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

初次体验.net Ajax无刷新技术相关推荐

最新文章

热门文章