新疆軟件開發

本站首頁 軟件開發 成功案例 公司新聞 公司簡介 客服中心 軟件技術 網站建設
  您現在的位置: 新疆二域軟件開發公司 >> 開發語言 >> 文章正文

AJAX原理的簡單范例

為了讓各為能夠了解什么是AJAX,以下是一個AJAX的手工范例(即不引用任何的Library或AJAX framework),此范例頗為精要易懂,其作用主要是透過Client 端的Browser來即時監控Web 服務器資源或效能變化,各位只要做過一遍范例就能夠了解AJAX在網頁開發上是多么具有威力了。
先來看看效果圖:

 

本范例是一個簡單的AJAX例子,但麻雀雖小五臟俱全,可由此窺見原始AJAX非同技術是如何運作。不需要安裝任何特殊的AJAX套件,步驟說明如下:

一 建立Web項目
首先在VS 2005(或VS.NET 2003)建立一個普通的WEB項目,或者您沒有VS開發工具,直接用記事本建立也行。

二 建立Client端頁面
在Web專案中加入一個Client端頁面Client.htm,并將此頁面設定為起始頁,這個頁面會向Web伺服器網頁發出非同步呼叫請求,并且將伺服器回傳資料更新到網頁元素中,代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
function sendAJAX()
{
XmlHttp.Open("POST","Server.aspx",true);
XmlHttp.send(null);
XmlHttp.onreadystatechange=ServerProcess;
}
function ServerProcess()
{
if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')
{
document.getElementById('nameList').innerHTML
=XmlHttp.responsetext;
}
}
setInterval('sendAJAX()',1000);
</script>
</head>
<body>
<div id="nameList"></div>
</body>
</html>

三 建立Server端處理程式
另外在專案中加入一個Server.aspx網頁(含.cs),Server.aspx不需要添加任何代碼。
Server.aspx.cs 程序碼如下:

using System;
using System.Data;
using System.Configuration;
using System.Collections;
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.Diagnostics;
public partial class Server : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        PerformanceCounter myMemory = new PerformanceCounter();
        myMemory.CategoryName = "Memory";
        myMemory.CounterName = "Available KBytes";
        string txtResult = "-->服務器可以用記憶體大小:" +
        myMemory.NextValue().ToString() + "KB";
        Response.Write(DateTime.Now.ToLongTimeString() + txtResult);
    }
}

說明:
首先記得引用System.Diagnostics 命名空間,因為PerformanceCounter 必須使用該命名空間,
而PerformanceCounter類別可讓您監控Windows 作業系統的各種效能計數器,在此透過它取得服務器每秒可用記憶體大小的變化情形。

執行Client.htm頁面,大約會花5秒啟始Performance-Counter物件,之后透過AJAX便可每秒獲得Server可用記憶
體變化情形。當然用Server Side的Timer也可以實現,但那種方式會造成Server的Loading爆增,人多的話還可能搞垮你的Server,但AJAX 就具有極佳的彈性與靈巧,透過AJAX您可以即時偵測到資料庫或事件的變化即時顯現在網頁上。

作者:奚江華 | 文章來源:atlas.cnblogs.com | 更新時間:2007-10-20 11:37:38

  • 上一篇文章:

  • 下一篇文章:

  • 相關文章:
    java反編譯工具大盤點
    JAVA的Spring框架概述
    使用Ajax時Java對象的序列化
    優化Ajax 為網站減負
    軟件技術
    · 開發語言
    · Java技術
    · .Net技術
    · 數據庫開發
    最新文章  
    ·搜集整理的asp.net的驗證方
    ·各種FOR循環結構的整理
    ·軟件項目開發中應該考慮那
    ·搜集整理的javascript sel
    ·軟件開發中項目經理有那些
    ·學習如何在Lambda表達式進
    ·C++基礎知識:結構體數據的
    ·C#實現短信發送程序的例子
    ·sun最近修補了一部分java的
    ·rss定制的另外一種實現方式
    ·delphi實現利用arp欺騙來實
    ·基礎學習:基于WF的流程框
    ·網絡編程中怎樣得知一次數
    ·如何逆序輸出單鏈表?
    ·軟件開發過程中的性能設計
    關于我們 | 軟件開發 | 下載試用 | 客服中心 | 聯系我們 | 友情鏈接 | 網站地圖 | 新疆電子地圖 | RSS訂閱
    版權所有 © 2016 新疆二域軟件開發網 www.k8w.net All Rights Reserved 新ICP備14003571號
    新疆軟件開發總機:0991-4842803、4811639.
    客服QQ:596589785 ;地址:新疆烏魯木齊北京中路華聯大廈A-5C 郵編:830000
     
    平码爱码论坛