Ａｊａｘ基本原理及其Ｗｅｂ应用探讨.docVIP

Ａｊａｘ基本原理及其Ｗｅｂ应用探讨 　　摘要：介绍了Ajax的基本原理及其在Web应用程序开发中的优势，探讨了在开发Web应用程序过程中如何有效地通过Ajax降低网络负载和改善用户浏览体验等问题，为开发和研究Web应用开辟了新的思路。 　　关键词：Ajax; Web应用程序; XML 　　中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)12-20ppp-0c 　　 　　Ajax Basic Principle and Its Web Application Discussion 　　XU Ying-juan 　　(College of Computer and Communication project, Weifang University, Weifang 261061, China) 　　Abstract: This paper introduced the basic principle of Ajax and its advantage in Web application program development, discussed how to reduce network load and improvement user efficiently in development Web application program based on Ajax, opened up new way to develop and study Web application. 　　Key words: Ajax; Web application program; XML 　　 　　1 引言 　　 　　传统的Web应用程序是基于触发的事件驱动模式。详细地说，用户在请求服务器端的数据时必须通过在浏览器端窗体上定制用户请求信息并提交给服务器，服务器端接收到用户请求信息后触发相应的事件来处理该信息并将结果回传给客户端浏览器。这种事件驱动模式处理Web数据请求的能力是非常强大的，但是也存在一定的问题，那就是客户端往往不能即时得到服务器的响应，因此也经常无法给用户提供良好的浏览体验，成为制约Web应用软件开发的瓶颈。因此，关于页面的载入技术的研究也就成为Web应用程序设计的关键，然而这种状况一直没能彻底改变，直到Ajax技术的出现。AJAX提供与服务器异步通信的能力，几乎可以在用户没有觉察的情况下更新或者查询数据，同时服务器返回的数据通过AJAX更新用户界面（而不是刷新整个Web页面），这样不仅提高了服务器的响应灵敏度，同时也大大提升了用户体验。 　　 　　2 Ajax的工作原理 　　 　　Ajax是Asynchronous JavaScript And XML（异步JavaScript 和 XML）英文单词的缩写。它由一组蓬勃发展的技术组合而成，其核心技术是JavaScript、Document Object Model（简称DOM）、XMLHttpRequest和XML。AJAX的工作原理相当于在客户端和服务器之间加了一个中间层，即Ajax引擎[1]。这样，并不是所有的用户请求都提交给服务器，一些数据的验证和处理由Ajax自己来做，只有确实需要从服务器读取新数据时，才由客户端通过JavaScript调用Ajax引擎向服务器端发出Http请求，但它并不等待请求的响应，用户可以继续浏览或交互。当服务端的数据以XML形式返回时，Ajax引擎接收数据，并指定JavaScript函数来完成相应的处理或页面的更新，而不是刷新整个页面，―个中间层服务器程序，使用户操作与服务器响应异步化。这样就减轻了服务器的负担，提升了服务器的响应灵敏性，给用户良好的浏览体验。Ajax的基本工作原理如图1所示。 　　 　　 　　3 Ajax的优点 　　 　　作为一种新的应用程序技术，Ajax具有如下优点：按需取数据从而减轻服务器的负担；无刷新更新页面，减少用户心理和实际的等待时间，带来更好的用户体验；较少的服务器端事件，可以把一些传统方式下由服务器负担的工作转移到客户端，利用客户端闲置的能力来处理数据，从而充分利用资源；可调用外部数据；基于标准化的并被广泛支持的技术[2]，不需要下载插件或者小程序；进一步促进页面呈现和数据的分离。 　　 　　4 利用Ajax从Web页中返回数据 　　 　　对于简单数据，可以通过XMLHTTPRequest对象的open方法将需要请求的Web页的绝对路径作为参数，该路径后面可能连接有关的Get方法调用的数据。当调用成功返回后从该对象的responseText属性中将返回的单个数据提取出来。被请求的Web页中首先生成要返回的数据，这可以通过使用任何基于.N