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

最新推荐文章于 2022-09-23 09:57:19 发布
最新推荐文章于 2022-09-23 09:57:19 发布
阅读量577 收藏
点赞数
文章标签： ajax .net javascript application string system
  早就听说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事件中加上οnclick="javascript:GetMac()"

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

    value="客户端获取IP" οnclick="javascript:GetMac();">

 

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";


6.在page页面的Page_Load事件中加上
albert528108
关注
asp.net实现无刷新ajax技术登录界面
任海丽(3G/移动开发)
09-27 5251
首先声明我是asp.net的初学者，有好多技术问题都不会，希望以后看到博客的技术大牛们，看到不对的和不好的，都能够提出； 1、首先用visual studio 2012新建一个asp.net网站，添加一个js文件夹，添加javascript文件名命AJAx.js，再添加一个Login.aspx网页，如图结构： 2、Default.aspx很简单
(四).net ajax异步刷新
David的博客
12-30 365
ajax=Asynchronous Javascript And XmlHttpRequest(XHR) ajax是对通用标准的封装。 AJAX关键技术： 1，使用XHTML(HTML)和css构建标准的显示层 2，使用DOM（document object model）进行动态显示和交互 3，使用XML和XLST进行数据交换和操纵 4，使用XMLHttpRequest异步获取数据 5，使用ja...
asp.net+ajax 写的无刷新登录技术（没有使用C#的控件）
03-23
asp.net+ajax 写的无刷新登录技术的例子，没有使用C#的控件，代码很完整，可以直接使用，//声明XMLHttpRequest对象 var xmlHttp;//创建XMLHttpRequest对象 function createXMLHTTP()
.net Ajax无刷新技术
zgqtxwd的专栏
04-24 331
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
Ajax的无刷新技术实例详解
凌风的.NET专栏
04-06 1627
下载一个.net Ajax开发包，该开发包包括ASP2.0和目前ASP1.1版使用的Ajax,详细地址参见http://ajax.schwarz-interactive.de/，接下来，开始。 1. 新建一个项目，在引用中添加引用Ajax.dll，Ajax.dll位于下载的压缩包里面。 2.建立HttpHandler，在web.config里面加上： lt;system.web>
ASP.NET无刷新分页简单实现
10-23
***无刷新分页功能是一种常见的Web应用页面交互技术，它允许用户在不刷新整个页面的情况下，仅通过AJAX请求就能够在客户端动态地加载并显示新的页面内容。这种技术通常用于实现数据的分页展示，提升用户体验，并减轻...
asp ajax无刷新留言板.rar
07-05
【ASP AJAX无刷新留言板】是一种基于经典Web开发技术ASP（Active Server Pages）和AJAX（Asynchronous JavaScript and XML）的交互式网页应用示例。它实现了用户在不刷新整个页面的情况下，可以实时发送和查看留言，...
asp.net+ajax实现无刷新的增删改查
06-10
asp.net+ajax实现无刷新的增删改查
ASP.NET—015：ASP.NET中无刷新页面实现
09-30
文章： http://blog.csdn.net/yysyangyangyangshan/article/details/39679823
C#.NET 无刷新控件
06-12
Anthem.net是一种新的AJAX技术，它主要是提供了一个新控件库，库中包含了大量常用控件，如Button、Calendar、 CheckBox等等，到目前为止为ASP.NET提供了24种新控件，实用于ASP.NET 1.0 和 ASP.NET 2.0 。
Asp.net 2.0 Treeview 无限级无刷新示例
10-07
接下来，为了实现无刷新功能，我们可以利用AJAX技术，如ASP.NET AJAX库中的UpdatePanel或jQuery的AJAX方法。UpdatePanel可以让部分页面内容异步更新，而不会导致整个页面重新加载。在TreeView的NodeExpand事件中，...
Ajax(asp.net)技术实现异步刷新和控件功能示例流程
徐晓龙的专栏
09-12 1802
Ajax(asp.net)技术实现异步刷新和控件功能示例流程实验环境工具:VS2008,AjaxControlToolkit.dll3.5,sql2005等一，     在项目中添加新项新建一个AJAX Web窗体，命名Default.aspx二，     从工具箱中AJAX Extensions中拖选一个UpdatePanel做局部刷新容器（如图）下面所有的源视图代码都在中写三，     在当前页面插入一个表格，8行3列，仿一个注册页面（如图）四，     这里我们定义一些css(样式表)以及加一些图片，
Asp.net用ajax技术实现无刷新分页
yang_mysky的专栏
10-31 355
using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;/
asp.net如何实现无刷新和维持提交后的页面位置状态
最新发布
lllljz的专栏
09-23 751
asp.net如何实现无刷新和维持提交后的页面位置状态
ASP.NET AJAX无刷新技术详解
ASP.NET AJAX是微软为开发者提供的一种在Web应用程序中实现无刷新数据交互的技术。无刷新数据处理技术使得用户界面更加动态和响应迅速，极大地提升了用户体验。AJAX（异步JavaScript和XML）的核心在于它可以向服务器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值