外文翻译--异步JavaScript技术和XML （ AJAX ）与Java平台.doc

毕业设计(论文)外文资料翻译学院：计算机工程学院专业班级：计算机科学与技术056学生姓名：学号：指导教师：外文出处：(外文)http:/java.sun.com/developer/technicalArticles附件：1.外文资料翻译译文；2.外文原文指导教师评语：签名：年月日异步JavaScript技术和XML（AJAX）与Java平台使用过Flickr、GMail,、Google、Suggest或Google地图的人都知道一种全新的动态WEB应用正在成型、这些应用看上去和传统桌面应用非常相似、他们不依赖于插件或者浏览器特效。传统意义上的WEB应用就是一组网页、当页面上有任何一点内容有所变化的时候必须更新整个网页。一些技术比如JavaScript和CSS已经非常成熟、你可以使用他们高效的创建动态网页、并可以跑在大多数主流浏览器上。本文将细述数种可以使你的WEB应用更丰富更具交互性（就象桌面应用一样）的技术。使用JavaScript技术、HTML网页可以异步调用生成它的服务器上的服务并可以获取返回的XML文档形式的结果。JavaScript再使用这个XML文档更新或改动本网页的文档对象模型（DOM）、名词AJAX就是近年来出现的用与描述这种交互模式的新名词。AJAX并不是新事物、数年前使用微软IE浏览器的开发者们就在使用它、直到最近、这项技术被冠以远程脚本而更出名了。以前WEB开发者使用插件、applets或者隐藏框架来仿效这种交互模式。但是现在由于XMLHttpRequest对象技术已经在各大平台的主流浏览器上普及、所以这种模仿的情况越来越少了。真正神奇的事情在于JavaScript和XMLHttpRequest对象技术的结合、尽管XMLHttpRequest对象技术并不属于JavaScript标准规范、但是现代的主流浏览器都支持、在Firefox、IE、Safari这些浏览器对JavaScript和CSS的执行有微小不同、但这些不同之处很容易理解和处理。如果你一定要兼容老一代浏览器那还是不要用AJAX了。是什么使得基于AJAX的客户端如此独特？那就是客户端所嵌入的页面特定的控制逻辑、这些控制逻辑以JavaScript代码的形式存在。页面与JavaScript的交互建立在事件的基础上（比如文档加载事件、鼠标点击事件、焦点变化事件、甚至一个时钟事件）。AJAX清楚的将表示逻辑和数据分离开来、一个HTML网页能够在需要的时候获取以比特为单位的数据片段！这不同于以前的有一点变化就必须刷新整个页面的做法。同时AJAX也需要一种完全不同的服务端架构来支持这种交互模式。以前的传统服务端WEB应用专注于为每一个客户端的每一次请求生成HTML页面、每一次客户端接到响应都要刷新和重新渲染整个页面。而我们所谈的WEB应用专注于客户端把HTML文档当作模版或容器、客户端向这个容器中插入内容、作到这些的原理就是每当客户端发生事件、客户端都可以向服务端发出请求并使用服务端返回的XML数据。一些AJAX的应用如下：实时数据验证表单：实时的表单数据验证：象ID号、序列号、邮政编码、优惠卷号码这样的表单数据可以在用户提交整个表单之前就得到验证！自动补全：一些特定表单数据比如email、姓名、城市名可以根据用户的类型自动填写。负荷需求：基于客户端的事件，一个HTML页面可以在后台获取更多的数据，让网页浏览器加载更快智能客户端接口控制：诸如树，菜单，数据表，丰富的文本编辑器，日历和进度条允许用户更好地互动和互动的HTML网页，一般而言不需要重新加载页面。更新数据和服务器推：HTML网页可能从一个服务器获得最新数据，如分数，股票报价，天气预报，或适用的具体数据。客户可以使用Ajax技术得到了一套最新数据不重载整页。民调不是最有效的手段来确保数据在网页上是最电流。新兴技术，如彗星正在制定，提供真正的服务器端通过HTTP的推动保持持久连接用户端与服务器之间。看到这个博客条目对彗星使用灰熊更多的发展，推动服务器与Java技术。部分更新：一个HTML页面可以提交表单数据的需要，而不需要一整页刷新。混搭：一个HTML页面可以获取数据使用的是服务器端的代理或由包括外部脚本组合外部数据与您的应用程序或您的服务的资料。例如，您可以混合内容或数据的第三方应用程序，例如谷歌地图与您自己的应用程序。网页作为一种应用：Ajax技术，可创造单一网页的应用程序的外观和感觉很像一个桌面应用程序。看到一篇关于使用Ajax和门户提供更多关于如何使用的portlet应用的。这些用处并不全、但是它们说明了AJAX交互使得WEB应用可以作到大量以前无法作到的事情。解剖一个AJAX交互：现在我们已经讨论了Ajax与一些较高级别的问题，让我们把所有的放在一起，看一个基于AJAX的Java应用程序。让我们考虑一个例子。一个web应用包含一个静态的网页，或HTML页面中生成的JSP技术包含HTML表单，需要服务器端的逻辑来验证表单数据而无需刷新页面。服务器端Web组件（servlet的）命名ValidateServlet将提供验证逻辑。图1描述的细节，AJAX的相互作用，将提供验证逻辑。下列项目代表设置的一个AJAX的交互，如图1:1.客户端事件发生。2.一个XMLHttpRequest对象的创建和配置。3.XMLHttpRequest对象提出了要求。4.请求处理的ValidateServlet。5.该ValidateServlet返回一个XML文件，其中载有结果。6.XMLHttpRequest对象调用callback()函数和过程的结果。7.在HTML的DOM更新。现在让我们来详细看看每一步AJAX互动1客户端事件发生。