ajax原理以及应用场景(ajax工作原理)

导读 你们好,我是九旅网的小编小九,ajax原理以及应用场景,ajax工作原理很多人还不知道,现在让我们一起来看看吧!1、   Ajax的工作原理相...

你们好,我是九旅网的小编小九,ajax原理以及应用场景,ajax工作原理很多人还不知道,现在让我们一起来看看吧!

1、   Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。

2、这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。

3、 Ajax的核心是JavaScript对象XmlHttpRequest。

4、该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。

5、简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

6、   在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。

7、下面是使用Ajax可以完成的功能: 动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。

8、 提升站点的性能,这是通过减少从服务器下载的数据量而实现的。

9、例如,在某购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载整个页面的数据。

10、如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。

11、 消除了每次用户输入时的页面刷新。

12、例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。

13、 直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。

14、对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。

15、用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。

16、   一切皆有可能!但愿它能够激发您开始开发自己的基于Ajax的站点。

17、然而,在开始之前,让我们介绍一个现有的Web站点,它遵循传统的提交/等待/重新显示的范例,我们还将讨论Ajax如何提升用户体验。

18、   具体你可以参考: http://hi.baidu.com/tang818/blog/item/b201e36e78b214d880cb4a29.html。

本文到此讲解完毕了,希望对大家有帮助。