初次體驗.net Ajax無重新整理技術

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

早就聽說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裡面加上

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

(2007-6-23)文章修改：後面第7步部現在的版本不需要了，當時寫這篇blog的時候是05年，現在變化已經很多了，推薦使用ajaxPro，
demo下載

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……

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More