1. 程式人生 > >.net Ajax無刷新技術

.net Ajax無刷新技術

<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> 【導讀】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事件中加上

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

< <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

相關推薦

.net Ajax技術

<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><script type="text/

ajax技術

spa form mar 數據 change cati tex microsoft activex 第一步:創建ajax引擎 var xmlhttp=""; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest();

Ajax 頁面技術學習(GET)

Ajax是一種新的技術,因為不用重新整理頁面就可以讀取資訊,實現對頁面的區域性重新整理,這樣就減少了對全部頁面進行重新整理所帶來的時間響應問題,經過很長時間的學習研究,終於在該技術的學習上有了新的突破,目前的學習還很幼稚,有待提高,下面是本次實踐的成果 //script.js

使用Ajax頁面登錄

fun pwd tag rip window log req ajax load <script> window.onload = function () { var myname = document.getElemen

ie8實現ajax文件上傳

col tran scrip 提取 title url public class ade ie8由於無法使用FormData,想要無刷新上傳文件就顯得比較麻煩。這裏推薦使用jQuery-File-Upload插件,它能夠很方便的解決ie8無刷新文件上傳問題。(最低兼容到ie

AJAX(非同步技術)

大家都知道,可以用表單把JSP頁面的值提交到後臺,但是還有另外一種方式,就是用AJAX(非同步刷新技術)把JSP頁面提交到後臺,今天我就給大家講講如何用AJAX(非同步刷新技術)把JSP頁面提交到後臺,他們兩個其實是一起用的,你不用AJAX的時候你的表單裡面只能

分頁 Ajax,JQuery,Json

oid 語句 字段 eve msg .html 分享 roc pro 1.數據庫設計字段:Id(int) , Msg(varchar(MAX)) , PostDate(datetime) 2.自定義SQL查詢方法(強類型DataSet) //SelectCount()方法,

Ajax實現分頁

modify ble nbsp 合取 -type article -c height 文件中 註:本文中使用到的一些類庫在前面文章都能找到源代碼,我會在文中指明鏈接所在,為了縮短文章篇幅,由此帶來的閱讀不便,敬請諒解。 本文講解 Ajax 實現無刷新分頁、實現原理、代碼展示

2017-6-6 Ajax版頁面三級聯動

實現 aps hid null .cn acl js代碼 classes nbsp 實現效果: 頁面代碼: <div> <select id="sel1" style="width:100px;">

AJAX PHPform表單提交的簡單實現(推薦)

username mime win root 支持 對象 希望 meta {} 下面小編就為大家帶來一篇AJAX PHP無刷新form表單提交的簡單實現(推薦)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 ajax.php <

input ,button, textarea 1)使用disabled , 2) 顯示值, 3) 表單提交. 4) jquery.form.js ajaxSubmit() ajax提交表單.

成功 isa post key input 技術分享 and () 去除 1.使用disabled input , button textarea 可以 被 禁用, 禁用的效果 : 1) 上面的點擊事件無法使用 --- button : 下面的 oncli

通過Ajax使用FormData對象上傳文件

syn () upload img ces 對象 content cache manage var oMyForm = new FormData(); oMyForm.append("username", "Groucho"); oMyForm.append("accoun

asp.net

HA ger update asp class pda tail asp.net AS 1.借助 asp:ScriptManager asp:updatepanel <asp:ScriptManager ID="ScriptManager1" runat="se

Ajax PHP JavaScript MySQL實現簡易的在線聊天室

main pro 一個 xhr 需要 r+ char 最大的 請求 思路 消息顯示區 發消息 板塊 消息顯示 消息發送 優化 顯示非重復性的數據 優化顯示 加上滾動條 每次都顯示最新消息 完整代碼 前端代碼 數據庫表結構 服務器端代碼

Ajax實現頁面發表評論 for Php

大家都有在網站發表評論的經歷,傳統的發表過程無非是:發表->提交頁面表單->等待重新整理頁面,這樣在網路比較擁擠的時候,往往需要漫長的等待,今天介紹用PHP+Ajax實現頁面無刷新發表評論,希望對初學ajax的PHPer有所幫助。    那麼首先,我們需要一個基本

PHP+Ajax+plupload上傳頭像代碼

func err min 多文件 進度 數據 優先級 .com ajax 很簡單的一款PHP+Ajax+plupload無刷新上傳頭像代碼,兼容性很好,可以直接拿來用。你可以自定義各種類型的文件。本實例中只能上傳"jpg", "png", "gif", "jpeg"等圖片文

驗證信息json返回,前臺接收顯示。筆記

btn onclick button css param 登錄 resize .html instance <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

使用iframe實現頁面提交表單

fin 友好 frame you itl 圖片 項目需求 scripts tel iframe提交表單其實比ajax要方便一些,當然ajax也有ajax的好處,只是ajax編碼處理有時有些麻煩,雖然經過轉碼是可以解決中文問題,但如果直接使用iframe不存這些問題了,下面來

angularJS實現文件下載

shee off window exc buffer 異步 open 接收 插件 1 $scope.getExcel = function () { 2 $http.post("/production/statistics/export",

jquery 上傳的小function

hidden eth 錯誤提示 control isp read document label move function zll_up(click_id,up_url,text_id,show_id){ this.create = function(){}