Ajax研究及其在个人网站上应用.docVIP

Ajax研究及其在个人网站上应用 　　摘要：在近几年，出现了一种基于WEB2.0的Ajax新技术，Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。采用该技术可以实现网络中异步获取数据，实现网页的局部刷新，增强了客户端的数据处理能力，能较大的改善客户端使用网络的连续性和流畅性，增强用户体验。在对该技术深入研究的基础上，在一个小型个人网站上采用该技术进行了相关试验，解决了相关问题。 　　Abstract：In recent years, the emergence of a new technology based on WEB2.0 of Ajax, Ajax provides the ability to communicate with the server asynchronous, so that the user from the request / response cycle in earnest. Can be achieved using this technology for asynchronous access to data networks, to achieve partial page refresh, and enhance the clients data processing capacity, greater improvement in the client can use the network continuity and fluency, enhance the user experience. In-depth study of the technology, based on a small personal website with the relevant test of the technology to solve related problems. 　　Key words：Ajax asynchronous communication local refresh 　　 　　一、引言 　　在目前的绝大多数网站中浏览器与服务器之间的通信都是同步的。客户端的作用只是单纯地显示网页即显示服务器端处理的结果而已。数据的存储和处理皆由服务器端完成，客户端只是调用其结果。所以在WEB应用中只要刷新页面就必须完全刷新。更新数据即使是极小的一部分也必须将所有的数据全部提交给服务器进行更新。这样一来Web站点强制用户进入提交、等待和重新显示范例，用户的动作总是与服务器的“思考时间”同步。这样不但服务器端的负担很重而且客户端的许多资源就闲置浪费了。在一般的 Web 应用程序中，用户填写表单字段并单击 Submit 按钮。然后整个表单发送到服务器，服务器将它转发给处理表单的脚本（通常是 PHP 或 Java，也可能是 CGI 进程或者类似的东西），脚本执行完成后再发送回全新的页面。该页面可能是带有已经填充某些数据的新表单的 HTML，也可能是确认页面，或者是具有根据原来表单中输入数据选择的某些选项的页面。当然，在服务器上的脚本或程序处理和返回新表单时用户必须等待。屏幕变??一片空白，等到服务器返回数据后再重新绘制。这就是交互性差的原因，用户得不到立即反馈，因此感觉不同于桌面应用程序。 　　二、 Ajax的优势 　　Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest 对象放在 Web 表单和服务器之间。当用户填写表单时，数据发送给一些 JavaScript 代码而不是直接发送给服务器。相反，JavaScript 代码捕获表单数据并向服务器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说，JavaScript 代码在幕后发送请求，用户甚至不知道请求的发出。更好的是，请求是异步发送的，就是说 JavaScript 代码（和用户）不用等待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。然后，服务器将数据返回 JavaScript 代码（仍然在 Web 表单中），后者决定如何处理这些数据。它可以迅速更新表单数据，让人感觉应用程序是立即完成的，表单没有提交或刷新而用户得到了新数据。JavaScript 代码甚至可以对收到的数据执行某种计算，再发送另一个请求，完全不需要用户干预！这就是 XMLHttpRequest 的强大之处。 　　三、 Ajax 技术架构 　　Ajax的特性主要有2点： a、按需取数据。页面不读取无用的冗余数据，而是在用户操作过程中的某项交互需要某部分数据时才会向服务器发送请求。 b、无刷新更新页面。