DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> .net Ajax無刷新技術
.net Ajax無刷新技術
編輯:AJAX詳解     
【導讀】AJax技術了,號稱無刷新,其實是在web上通過Javascript,使用異步的XMLhttp請求,實現無刷新的web界面。本文通過一個實例帶大家體驗.Net 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事件中加上

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

value="客戶端獲取IP" >

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";以及其他麻煩的設置!

<
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved