您的位置：首页 > 其它

一个剖析AJAX原理的简单范例

2009-11-18 11:30 459 查看
为了让各为能够了解什么是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您可以即时侦测到资料库或事件的变化即时显现在网页上。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航