`

初次体验.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里面加上


<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";以及其他麻烦的设置!期待ing……

分享到:
评论

相关推荐

    Asp.net 2.0 Treeview 无限级无刷新示例

    接下来,为了实现无刷新功能,我们可以利用AJAX技术,如ASP.NET AJAX库中的UpdatePanel或jQuery的AJAX方法。UpdatePanel可以让部分页面内容异步更新,而不会导致整个页面重新加载。在TreeView的NodeExpand事件中,...

    .net Ajax基础

    本教程适用于初次接触AJAX的.NET开发者,通过学习,你将掌握如何利用AJAX技术提高网站交互性和性能。 首先,我们需要理解AJAX(Asynchronous JavaScript and XML)的核心思想:异步数据传输和页面局部更新。它不是...

    asp ajax无刷新留言板.rar

    【ASP AJAX无刷新留言板】是一种基于经典Web开发技术ASP(Active Server Pages)和AJAX(Asynchronous JavaScript and XML)的交互式网页应用示例。它实现了用户在不刷新整个页面的情况下,可以实时发送和查看留言,...

    asp.net+ajax实现选项卡

    ASP.NET与AJAX技术结合,可以创建出交互性更强、用户体验更优的选项卡功能。在Web开发中,选项卡通常用于将大量信息组织到有限的屏幕空间内,让用户能够轻松浏览和切换不同内容区域。下面我们将深入探讨如何利用C#...

    ComponentArt.Web.UI.2007.2.for.ASP.NET.AJAX.dll

    ASP.NET AJAX(Asynchronous JavaScript and XML)是微软.NET Framework的一部分,它允许开发者创建具有异步特性的动态网页,提高用户体验,无需刷新整个页面即可更新内容。ComponentArt的产品利用了AJAX技术,使得...

    Ajax资源包for .net3.5

    **Ajax资源包for .NET 3.5**是一款专为微软.NET Framework 3.5设计的组件集合,它极大地增强了Web应用程序的用户体验,通过异步技术实现页面无刷新交互。这个资源包的核心在于AjaxControlToolkit,它包含了多个预...

    无限级树形目录(.NET版)AjaxTree(1.3)

    .NET版的AjaxTree(1.3)是一个专为此目的设计的组件,它允许开发者创建交互式的、支持无限层级的树形结构,并且利用Ajax技术实现页面无刷新更新,提升用户体验。 1. **Ajax技术**:Ajax(Asynchronous JavaScript ...

    ASP.NET相册控件

    6. **AJAX技术**:为了实现无刷新的用户体验,可能需要用到ASP.NET AJAX,通过UpdatePanel或者jQuery的AJAX方法实现部分页面更新。 7. **安全性**:考虑文件上传的安全问题,防止恶意文件注入,例如限制文件类型和...

    ckfinder for asp.net

    首先,CKFinder的核心特性在于其Ajax技术的运用,它允许用户无需刷新整个页面即可进行文件操作,提高了交互体验。这种无刷新的特性使得文件管理变得更加流畅,减少了等待时间,提升了用户体验。用户可以通过简单的...

    ASP.NET多选下拉框自定义控件

    综上所述,创建ASP.NET多选下拉框自定义控件是一个结合了服务器端编程、客户端脚本和Ajax技术的过程,目的是提供更好的用户体验和更高效的页面交互。通过这样的自定义控件,我们可以更好地满足项目需求,提高用户...

    ajax技术作的简单的留言本

    在这个“ajax技术作的简单的留言本”项目中,我们主要探讨如何利用Ajax技术实现一个基本的无刷新留言功能。 首先,我们要理解Ajax的核心组成部分: 1. **XMLHttpRequest对象**:它是Ajax技术的基础,负责在后台与...

    asp.net 切图 图库 图片展示

    Ajax请求可以获取服务器端的数据,更新DOM结构,实现页面无刷新更新。对于响应式设计,可以使用Bootstrap的栅格系统或自定义媒体查询,确保在不同设备上都能良好显示。 最后,考虑到性能和用户体验,图片的懒加载是...

    ASP.NET无刷新分页简单实现

    ***无刷新分页功能是一种常见的Web应用页面交互技术,它允许用户在不刷新整个页面的情况下,仅通过AJAX请求就能够在客户端动态地加载并显示新的页面内容。这种技术通常用于实现数据的分页展示,提升用户体验,并减轻...

    PowerGrid1.1 for .NET

    这款控件旨在增强用户在Web界面中操作数据的体验,通过Ajax无刷新特性,实现了页面局部更新,从而提升了应用的响应速度和用户体验。 在.NET框架下,PowerGrid1.1提供了丰富的功能,包括但不限于: 1. **数据绑定**...

    ASP.NET+JS图片轮换代码

    2. **AJAX(Asynchronous JavaScript and XML)**:ASP.NET支持AJAX技术,使得页面部分更新成为可能,而无需整个页面刷新,这对于图片轮播的平滑过渡至关重要。 3. **JavaScript/jQuery**:JavaScript负责处理...

    ajax常用实例代码

    Ajax(Asynchronous JavaScript and XML)的核心在于异步更新页面部分,提升用户体验,无需刷新整个页面即可完成数据的获取和更新。 1. **登录注册注销**:在Web应用中,用户身份验证是基础功能。Ajax可以实现无...

    ASP.NET甘特图

    通过AJAX技术,甘特图可以在不刷新整个页面的情况下进行数据更新。 8. **性能优化**:处理大量任务时,甘特图的性能是一个挑战。高级控件通常提供分页、懒加载等功能,以减少初次加载时间和内存占用。 9. **移动...

    瀑布流分页加载asp.net mvc demo

    在ASP.NET MVC框架中实现瀑布流分页加载,可以提供用户更流畅、更节省流量的浏览体验。 在ASP.NET MVC中,瀑布流的实现主要涉及到以下几个关键知识点: 1. **ASP.NET MVC基础**:ASP.NET MVC是一个开源的Web应用...

    自由宿主ASP.net网站通用后台管理系统

    - AJAX支持:ASP.NET提供了AJAX工具包,通过 partial-page updates 提升用户体验,实现无需刷新整个页面即可更新部分内容的功能。 - CSS和JavaScript:ASP.NET允许开发者使用CSS进行样式控制,JavaScript进行客户端...

Global site tag (gtag.js) - Google Analytics