最近评论
正在载入评论列表...
5.2 AJAX简单范例
为了让各位能够了解什么是AJAX，以下是一个AJAX的手工范例（意即不引用任何的Library或AJAX framework），此范例颇为精要易懂，其作用主要是通过Client端的Browser来实时监控Web服务器资源或性能变化，各位只要做过一遍范例就能够了解AJAX在网页开发上具有的威力了。
范例5-1 AJAX简单范例
本范例是一个简单的AJAX例子，但麻雀虽小五脏俱全，可由此窥见原始AJAX技术是如何运作的，而本范例无论是VS.NET 2003与VS 2005开发工具皆适用，且不需要安装任何特殊的AJAX套件，步骤说明如下：
创建Web项目
首先在VS 2005（或VS.NET 2003）创建一个普通的Web项目，项目名称为“05AJAX”，或者您没有VS开发工具，直接用记事本创建也行。
创建Client端页面
请在Web项目中加入一个Client端页面“Client.htm”（见图5-1），并将此页面设定为起始页。这个页面会向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网页（含 .vb）（见图5-2），程序代码如下：
01 Imports System.Diagnostics
02
03 Partial Class Server
04 Inherits System.Web.UI.Page
05
06 Protected Sub Page_Load(ByVal sender As
Object, ByVal e As
System.EventArgs)
Handles Me.Load
07 Dim myMemory As New PerformanceCounter()
08 myMemory.CategoryName = "Memory"
09 myMemory.CounterName = "Available KBytes"
10
11 Dim txtResult As String = "-->服务器可用内存大小" & _
12 myMemory.NextValue().ToString() & "KB"
13 Response.Write(DateTime.Now.ToLongTimeString() & txtResult)
14 End Sub
15 End Class
图5-1 Client.htm页面
图5-2 Server.aspx页面
程序说明：
首先记得引用System.Diagnostics命名空间，因为PerformanceCounter必须使用此命名空间，而PerformanceCounter类可让您监控Windows操作系统的各种性能计数器，在此通过它取得服务器每秒可用内存大小变化情形。
完成后请执行Client.htm程序，页面加载时大约会花5秒启动PerformanceCounter对象，之后通过AJAX便可每秒获得Server可用内存变化情形，当然也许有的人会想到用 Server Side的Timer，但那种方式会造成Server的Loading爆增，人多的话还可能搞垮你的Server，但AJAX就具有极佳的弹性与使用上的灵巧，通过AJAX您可以实时检测到数据库或事件的变化，实时显现在网页上，比如说我有10台Web Server（只开Port 80），以AJAX这种方式即可以单一网页上监控到10台Server CPU与内存或网络流量等大小，这是不是十分具吸引力呢（见图5-3）。
图5-3 服务器每秒内存变化情形
