Ajax简介

在过去的几年，基于ajax的应用开始出现，推动了web技术显著的进步。

Ajax概述

1. Ajax的全称是Asynchronous JavaScript and XML,中文定义为”异步JavaScript和XML”，Web2.0技术的核心

2. 由多种技术组合而成。使用Ajax技术不必刷新整个页面，只需对页面的局部进行更新，可以节省网络带宽，提高网页加载速度，从而缩短用户等待时间，改善用户体验。

Ajax是什么

1. 比如我们提交表单，向服务器发送一个请求，服务器接到传过来的数据之后，返回一个新的网页，这种做法浪费了许多的带宽。
因为我们在发送请求之前和响应返回网页，这两部之间，很多的html代码是相同的，由于每次的信息交互，都需要向服务器发起请求，那应用的响应时间就依赖于服务器的响应时间，这导致了用户界面的响应比本地用户的响应会慢很多

2. 但是，如果使用了ajax就不一样了。Ajax，它只取回必须的数据，它使用SOAP或者一些基于XML或者是JSON的web service 接口。
我们在客户端处理来自服务器的响应。客户端与服务器之间交换的数据量大大减少了，结果我们就看到我们的响应就更快了。然后用户等待的时间就更少。
这就是我们的ajax厉害的地方。

Ajax简史

Ajax的发展,类似于其它一夜成名的技术。但是,实际上它已经存在很长的一段时间。经过多年的努力,使它遍布web应用程序。

Ajax的工作原理

1. Ajax，它是多种技术的组合

包括我们的：
JavaScript；
异步数据获取技术（也就是ajax的核心：XMLHttpRequest）；
数据交换和操作技术XML；
动态显示和交互技术DOM；
及其标准的表现技术XHTML和CSS。

2. XMLHttpRequest对象在IE浏览器中首次引入，它是一种支持异步请求的技术

也就是说我们的这个对象使我们可以用JavaScript向服务器提出请求，并处理响应。并且，它不阻塞用户，可以使我们的网络应用程序更加强大。

3. 但是这个XMLHttpRequest对象其实是JavaScript的一个API

它支持浏览器发送Http POST或者是GET请求,该API是大多数Ajax交互的核心,也是现在Web开发的一项基本技术。通过ajax应用程序,无须重新加载网页,就可以发送并且取回数据。这项工作,需要通过向服务器发送HTTP 请求,这是在浏览器后端的,并通过服务器返回数据时,使用JavaScript仅仅修改网页的某部分。

4. 但是ajax并不是每个网站都需要的，因为它有诸多的优点。

a) 辟如，可以和XHTML无缝继承。

b) 轻量、无须插件。

5. 但是，它的缺点也不少。

a) 因为它是一个JavaScript的API，所以它依赖JavaScript，影响浏览器默认行为。如：后退按钮、收藏夹。

b) 但是它最大的优点也是它最大的缺点。Web应用是一种请求、响应模式完成操作的，用户已经接受了这种思想。如果使用ajax，就不再有这个限制，我们可以只修改页面的一部分，如果用户没想到这一点，他们会尝试狂点某个按钮或者是刷新网页。

所以，我们要通过一些引导的方法，让用户知道：页面正在异步与服务器交互，也就是我们的异步JavaScript正在处理

常用案例

在我们的web应用中，经常在哪些地方使用ajax技术。

1. 辟如，我们在一个电商网站，我们可以动态更新购物车的物品总数，不需要用户单击update，并等待服务器重新返回整个页面。

2. 辟如，在亚马逊的购物车页面。
当更新篮子中的物品数量时，会重新载入整个页面；就必须下载32kb的数据。如果我们使用ajax技术，所需要的带宽就是原来的1%。

3. 我们看一下微博上面，ajax技术使用的地方。

最常见的就是这个点赞的按钮。

我们点击一下，就能够自动+1。

【本文由麦子学院独家原创，转载请注明出处并保留原文链接】