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技术使用的地方。


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


Ajax1.png


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



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

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有一个双11钜惠红包未领取

客服热线 400-862-8862

回到顶部