网站开发根底知识AJAX原理

Ajax简介

Ajax，运用它能够构建更为动态和呼应更活络的Web运用程序。该方法的关键在于对阅读器端的JavaScript、DHTML和与服务器异步通讯的组合。本文也演示了启用这种方法是多么简单：运用一个Ajax框架（指DWR）结构一个运用程序，它直接从阅读器与后端服务进行通讯。假如运用得当，这种强壮的力气能够使运用程序愈加天然和呼应活络，从而提高用户的阅读体会。

　　Ajax 的定义

顺便说一下，Ajax 是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写。这个短语是 Adaptive Path 的 Jesse James Garrett 创造的。

术语Ajax用来描绘一组技能，它使阅读器能够为用户供给更为天然的阅读体会。在Ajax之前，Web站点强制用户进入提交/等候/从头显现典范，用户的动作总是与服务器的“考虑时间”同步。Ajax供给与服务器异步通讯的才能，从而运用户从恳求/呼应的循环中解脱出来。借助于Ajax，能够在用户单击按钮时，运用JavaScript和DHTML当即更新UI，并向服务器宣布异步恳求，以履行更新或查询数据库。当恳求回来时，就能够运用JavaScript和CSS来相应地更新UI，而不是改写整个页面。最重要的是，用户乃至不知道阅读器正在与服务器通讯：Web站点看起来是即时呼应的。

　　尽管Ajax所需的根底架构现已出现了一段时间，但直到最近异步恳求的真正威力才得到运用。能够具有一个呼应极端活络的Web站点的确激动人心，因为它最终允许开发人员和规划人员运用规范的HTML/CSS/JavaScript仓库创立“桌面风格的（desktop-like）”可用性。

　　所有这些Web站点都告诉咱们，Web运用程序不必彻底依赖于从服务器从头载入页面来向用户出现更改。一切好像就在瞬间产生。简而言之，在涉及到用户界面的呼应活络度时，基准设得更高了。

定义Ajax

　　　Ajax不是一种技能。实际上，它由几种蓬勃发展的技能以新的强壮方法组合而成。Ajax包括：

• 基于XHTML和CSS规范的表示；
• 运用Document Object Model进行动态显现和交互；
• 运用XMLHttpRequest与服务器进行异步通讯；
• 运用JavaScript绑定一切。

　　Ajax的作业原理

　　Ajax的核心是JavaScript目标XmlHttpRequest。该目标在Internet Explorer 5中首次引进，它是一种支持异步恳求的技能。简而言之，XmlHttpRequest使您能够运用JavaScript向服务器提出恳求并处理呼应，而不阻塞用户。

　　在创立Web站点时，在客户端履行屏幕更新为用户供给了很大的灵活性。下面是运用Ajax能够完结的功用：

• 动态更新购物车的物品总数，无需用户单击Update并等候服务器从头发送整个页面。
• 提高站点的性能，这是经过减少从服务器下载的数据量而完成的。例如，在Amazon的购物车页面，当更新篮子中的一项物品的数量时，会从头载入整个页面，这有必要下载32K的数据。假如运用Ajax核算新的总量，服务器只会回来新的总量值，因而所需的带宽仅为本来的百分之一。
• 消除了每次用户输入时的页面改写。例如，在Ajax中，假如用户在分页列表上单击Next，则服务器数据只改写列表而不是整个页面。

直接修改表格数据，而不是要求用户导航到新的页面来修改数据。对于Ajax，当用户单击Edit时，能够将静态表格改写为内容可修改的表格。用户单击Done之后，就能够宣布一个Ajax恳求来更新服务器，并改写表格，使其包括静态、只读的数据。

Ajax 能够做什么？

如今 Google Suggest 和 Google Maps 运用了 Ajax，经过 Ajax，咱们能够使得客户端得到丰富的运用体会及交流操作，而用户不会感觉到有网页提交或改写的进程，页面也不需求被从头加载，运用的数据交流都被躲藏。
传统的 WEB 运用程序模型是这样作业的：用户的界面操作触发 HTTP 恳求，服务器在接纳到恳求之后进行一些业务逻辑处理，如保存数据等，然后向客户端回来一个 HTML 页面。但这种方法并没有给予用户很好的运用体会，当服务器在处理数据的时分，用户则处于等候的状态，每一步操作都需求等候，太多的等候会运用户越来越没有耐性。而 Ajax 则大不相同，它经过 Ajax 引擎，使得运用进程很天然，操作很流通，因为其只和服务器交流有用的数据，而页面显现等不必要的数据则不再从头加载。Ajax 引擎其实便是 JavaScript、XML、XMLHttpRequest 等等各项技能的归纳运用。

运用Ajax的主要原因1、经过适当的Ajax运用到达更好的用户体会；
2、把以前的一些服务器负担的作业转嫁到客户端，利于客户端搁置的处理才能来处理，减轻服务器和带宽的负担，从而到达节约ISP的空间及带宽租用本钱的意图。

与传统的web运用比较
传统的web运用允许用户填写表单(form)，当提交表单时就向web服务器发送一个恳求。服务器接纳并处理传来的表单，然后回来一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次运用的交互都需求向服务器发送恳求，运用的呼应时间就依赖于服务器的呼应时间。这导致了用户界面的呼应比本地运用慢得多。

Ajax运用程序应该深入考虑特别用户的需求，包括不同年龄的用户，不同背景的用户等，以及能够被不同的阅读设备拜访，比如移动电话。这些要素的重要性很大程度上取决于你所开发的运用程序的细节需求。