基于Ajax结构树在web应用中的与实现.pdf

基于Ajax 结构树在web 应用中的与实现 肖蓓 武汉理工大学信息学院，湖北武汉 (430070) E-mail：keke-1205@126.com 摘 要：在 web 应用中传统的结构树在刷新和展开下级结点的过程中，客户端与服务器端 的交互过程和加载数据耗用的时间，直接影响web 服务器的性能指标。本论文采用Ajax 技 术，及异步JavaScript 和xml ，使用Ajax 异步模式，浏览器就不必等用户请求操作，也不必 更新整个窗口就可以显示新获取的数据。只要来回传送采用xml 格式的数据，在浏览器里面 运行的JavaScript 代码就可以与服务器进行交互。本文在web 服务器中应用Ajax 技术实现 了动态生成结构树。 关键词：Ajax ，JavaScript ，xml 中图分类号：TP311.1 1. 引 言 传统 Web 应用面临着 Web 新型服务的冲击, 用于显示文档内容的基本 Web 技术, 在多交互式的、响应迅速且使用便捷(不需要本地安装) 的新型 Web 应用需求方面, 已经无 法胜任, 在这种情况下, 涌现出许多新型 Web 应用技术, Ajax 技术即是其中一种极大地发 掘了 Web 浏览器潜力、较之传统 Web 应用有诸多优势的技术, 它改变了传统 Web 的应 用体验和编程模式, 使得 Web 应用的功能和开发方式发生了根本性的变化, 并逐渐成为企 业应用开发的主流和首选。 2. Ajax 的介绍 2.1 Ajax 的定义 Ajax[1] （Asynchronous JavaScript and XML ）是结合了Java 技术、XML 以及JavaScript 等编程技术，可以让开发人员构建基于Java 技术的Web 应用，并打破了使用页面重载的惯 例。 Ajax 是使用客户端脚本与Web 服务器交换数据的Web 应用开发方法。这样，Web 页 面不用打断交互流程进行重新加裁，就可以动态地更新。使用 Ajax ，用户可以创建接近本 地桌面应用的直接、高可用、更丰富、更动态的Web 用户界面。 2.1.1 Ajax 处理过程 一个Ajax 交互从一个称为XML Http Request 的JavaScript[2]对象开始。如同名字所暗示 的，它允许一个客户端脚本来执行HTTP 请求，并且将会解析一个XML 格式的服务器响应。 Ajax 处理过程中的第一步是创建一个XML Http Request 实例。使用HTTP 方法（GET 或 POST ）来处理请求，并将目标URL 设置到XML Http Request 对象上。 当发送HTTP 请求，我们不希望浏览器挂起并等待服务器的响应，取而代之的是，希望 通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，可以 向XML Http Request 注册一个回调函数，并异步地派发XM LHttp Request 请求。控制权马 上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在Java Web 服务器上，到达的请求与任何其它Http Servlet Request 一样。在解析请求 参数后，servlet 执行必需的应用逻辑，将响应序列化到 XML 中，并将它写回Http Servlet Response[3] 。 - 1 - 3. Ajax 工作原理 Ajax 的核心是JavaScript 对象Xml Http Request 。该对象在Internet Explorer 5 中首次引 入，它是一种支持异步请求的技术。简而言之，Xml Http Request 使您可以使