您的位置：首页 > 其它

Ajax基础原理例子PART.I (附部分参考资料)

2008-09-20 22:30 344 查看

今天向企业I班同学讲了ajax的原理，并做了一个简单的例子，用于实现一个页面无刷新动态显示当前服务器的时间：

可以看看放在网上的具体例子，访问地址为http://www.koonsoft.net/samples/ajax/now.html，该示例其实包含3个文件：

http://www.koonsoft.net/samples/ajax/now.asp

http://www.koonsoft.net/samples/ajax/now_ajax.asp

http://www.koonsoft.net/samples/ajax/now.html

文件now.asp的代码如下(注：这个只是用于普通页面与AJAX的比较，不属于Ajax技术应用内容！)：

<%=now%>

这是一个传统的asp文件，用于显示服务器的当前时间，如果不是点击刷新图标或者按下F5键，那么页面的内容永远不会刷新。

文件now_ajax.asp的代码如下：

%>

%>

这个文件是用来生成并返回一个xml格式的数据文件，其中有一个节点为hosttime，它的值带代表当前服务器的时间。

最后主要用来呈现的now.html文件内容如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Ajax显示当前服务器时间</title>

<meta name="generator" content="editplus" />

<meta name="author" content="" />

<meta name="keywords" content="" />

<meta name="description" content="" />

</head>

<body>

<span id="results">我是用来显示数据的html</span>

<input type="button" value='进行httpRequest' onclick="pollServer()"></input>

</body>

</html>

具体的例子请见示例页面。交给大家的练习就是课堂上所说的内容，如果不事先自己动手查阅资料，肯定无法完成我布置的练习，希望大家有问题跟贴留言。

参考资料包括以下内容：

《Ajax基础编程》(English Version)的纳米机器人下载地址

XML基础教程

XML DOM 教程

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航