深入理解Ajax

@wanqiuz 2018-05-02 05:11:17发表于 wanqiuz/blog-articles AjaxJavaScript异步

1 Ajax概述

1.1 Ajax定义

Ajax是Asynchronous JavaScript and XML的缩写。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax(宏观)。

1.2 传统Web模型与Ajax模型对比

1, Web的传统模型。客户端向服务器发送一个请求,服务器返回整个页面,如此反复。
2,在Ajax模型中,数据在客户端与服务器之间独立传输。服务器不再返回整个页面。

1.3 具体办法

A. Flash;
B. Java applet;
C. 框架:如果使用一组框架构造了一个网页,可以只更新其中一个框架,而不必惊动整个页面;
D. 隐藏的iframe;
E. XMLHttpRequest对象:该对象是对 JavaScript的一个扩展,可使网页与服务器进行通信。是创建 Ajax 应用的最佳选择。实际上通常把 Ajax 当成XMLHttpRequest 对象的代名词

2 Ajax工作原理

Ajax的核心是JavaScript对象XmlHttpRequest
Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。
20161012104939322

3 Ajax包含的技术

XML (eXtensible Markup Language,可扩展标记语言) 是一种描述数据的格式。AJAX 程序需要某种格式化的格式来在服务器和客户端之间传递信息,XML 是其中的一种选择
XHTML(eXtended Hypertext MarkupLanguage,使用扩展超媒体标记语言)和 CSS(Cascading Style Sheet,级联样式单)标准化呈现;
DOM(Document Object Model,文档对象模型)实现动态显示和交互;
使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取
使用JavaScript绑定和处理所有数据

4 Ajax的优势

(1) 通过异步模式,提升了用户体验
(2) 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
(3) Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

5 AJAX的缺陷

(1) AJAX大量使用了Javascript和AJAX引擎,而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持,Mozilla虽然也支持AJAX,但是提供XMLHttpRequest的方式不一样。所以,使用AJAX的程序必须测试针对各个浏览器的兼容性。
(2) AJAX更新页面内容的时候并没有刷新整个页面,因此,网页的后退功能是失效的;有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提醒用户“数据已更新”。
(3) 对流媒体的支持没有FLASH、Java Applet好。
(4) 一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax。

6 XMLHttpRequest

参考并感谢: