.net Ajax无刷新技术

原创 2007年09月28日 11:29:00
早就听说Ajax技术了,传说中是一种很强的东西,号称无刷新,其实是在web上通过javascript,使用异步的xmlhttp请求,实现无刷新的web界面。可惜一直没有体验过,先后听做PHP的朋友用过PHP的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里面加上

<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的配置信息!

Ajax的技术核心实现动态无刷新

Ajax实现的web交互效果跟传统的大不相同,它通过Ajax 引擎,使得应用过程很自然,操作很流畅,因为其只和服务器交换有用的数据,而页面显示等不必要的数据则不再重新加载。Ajax 引擎其实就是Jav...
  • u014351353
  • u014351353
  • 2014年04月08日 10:58
  • 515

AJAX(异步刷新技术)

AJAX(异步刷新技术)全称为Asynchronous JavaScript And XML
  • SamYuWenTao
  • SamYuWenTao
  • 2017年04月09日 15:47
  • 684

用ajax技术实现 无刷新实现用户登录

代码如下: // JScript 文件 function usersLogon() {     var userName = document.getElementById("txtuse...
  • chuyuqing
  • chuyuqing
  • 2013年10月27日 21:03
  • 4863

.Net MVC框架使用ajax做局部刷新

ajax异步刷新
  • yeizt520
  • yeizt520
  • 2017年03月18日 15:22
  • 1619

jQuery Ajax无刷新操作

废话不多说,直接上代码。你会发现,用了jQuery之后是如何简单。 //后台实例代码 ashx文件(可替换为从数据库中读取) public void ProcessReq...
  • guwei4037
  • guwei4037
  • 2013年08月04日 18:01
  • 11532

java web开发:ajax技术(一)——局部刷新技术的实现

一 什么是Ajax Ajax:AsynchronousJavaScript And Xml——异步JavaScript和XML技术,还有一个比较通用的名称:页面局部刷新技术;是一种把多种技术融合到一起...
  • xueyulanmo
  • xueyulanmo
  • 2014年02月25日 16:56
  • 4149

ajax无刷新加载原理

ajax (ajax开发) AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 ...
  • xuxuechao6
  • xuxuechao6
  • 2016年11月11日 10:54
  • 1618

验证码无刷新验证(AJAX技术)

看了两天也没明白为何这代码不能实现“接连3次输入错误,更新验证码,重新输入”的功能,阿西吧等我再研究一哈回来更改。 需要生成验证码图片模板的小伙伴们看过来~(微笑脸) 运行效果示意: 主页面 im...
  • Sugar_girl
  • Sugar_girl
  • 2017年01月17日 12:17
  • 1515

Ajax实现无刷新表单提交

一般方式实现 function f1(){ //创建xmlHttp对象...
  • Yeoman92
  • Yeoman92
  • 2016年11月15日 17:53
  • 224

ajax实现无刷新分页功能

原理:前台换用ajax将页码以post的方式传到后台,后台接收页码,后台的操作与用php实现分页功能大致一样,只是还需将总页数传到前台,以便在前台输出分页链接。 那么前台怎样传页码呢???只需用aja...
  • zls986992484
  • zls986992484
  • 2016年08月05日 23:14
  • 3974
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:.net Ajax无刷新技术
举报原因:
原因补充:

(最多只允许输入30个字)