《任务一实训：ajax的入门例子》由会员分享，可在线阅读，更多相关《任务一实训：ajax的入门例子（9页珍藏版）》请在金锄头文库上搜索。
1、1任务一实训： Ajax 的入门例子 一、实验目的1.1简单了解 web服务器 tomcat的使用；1.2理解简单 Ajax程序的实现；二、实验内容2.1启动 tomcat；2.2了解 tomcat的相关目录；2.3编写一个简单的获得服务器端内容的 Ajax程序；三、操作步骤1启动 tomcata) 在【开始】-【所有程序】-【Apache Tomcat 6.0 Tomcat6】-【Monitor Tomcat】可以启动 tomcat管理界面，如图 1所示。2图 1 从【开始】启动 tomcat管理程序 b) 在出现的界面中，点击【start】启动 tomcat：3图 2 tomcat管理程序
2、界面（启动前）c) 出现以下界面，表示启动成功：图 3 tomcat管理程序界面（启动后）4d) 打开浏览器，输入 http:/localhost:8080，确认出现以下网页：图 4 tomcat 的主页2编写客户端页面 Ajax001.htmla）使用记事本，或 EditPlus，编写 html 代码：图 5 源代码（HTML）b) 在标签 head内，编写以下代码：5图 6 createXmlHttpRequest函数c) createXmlHttpRequest后，编写以下代码：图 7 readyStateChangeHandle函数d) readyStateChangeHandle后，
3、编写以下代码：图 8 startRequest函数6e) 最后得到完整的代码如下：图 9 ajax001.html3准备服务器端的数据 data.xml 新建文件 data.xml，编辑内容如下所示：图 10 data.xml74将程序发布到 tomcat 服务器将编写好的 Ajax001.html 和 data.xml 放到 tomcat 安装目录下的 webappsROOT 下（如：C:Program FilesApache Software FoundationTomcat 6.0webappsROOT）图 11 tomcat服务器的根目录5 运行程序a) 打开浏览器，输入 http:/localhost:8080/ajax001.html8图 11 Hello World页面b) 按下“Hello World”按钮，结果如下：图 12 运行结果页面9
