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

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

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

Ajax基础原理例子PART.I (附部分参考资料)<%=now%>

 

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

文件now_ajax.asp的代码如下:

%>

 

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

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

 

Ajax基础原理例子PART.I (附部分参考资料)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ajax基础原理例子PART.I (附部分参考资料)
<html xmlns="http://www.w3.org/1999/xhtml">
Ajax基础原理例子PART.I (附部分参考资料) 
<head>
Ajax基础原理例子PART.I (附部分参考资料)  
<title>Ajax显示当前服务器时间</title>
Ajax基础原理例子PART.I (附部分参考资料)  
<meta name="generator" content="editplus" />
Ajax基础原理例子PART.I (附部分参考资料)  
<meta name="author" content="" />
Ajax基础原理例子PART.I (附部分参考资料)  
<meta name="keywords" content="" />
Ajax基础原理例子PART.I (附部分参考资料)  
<meta name="description" content="" />
>

 

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

参考资料包括以下内容:

相关文章:

  • 2022-12-23
  • 2021-11-23
  • 2021-06-24
  • 2021-07-08
  • 2021-10-18
  • 2022-01-26
  • 2021-12-15
猜你喜欢
  • 2021-07-03
  • 2021-11-12
  • 2021-04-12
  • 2021-04-08
  • 2021-10-12
相关资源
相似解决方案