Ajax原理及使用的示例分析

这篇文章给大家分享的是有关Ajax原理及使用的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

　　Ajax原理

　　AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它是一套综合了多项技术的浏览器端网页开发技术。这些技术包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest。

　　通过在浏览器与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

　　优点：

　　使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变的html代码信息。

　　1. 减轻服务器负担，按需要获得数据。

　　2. 无刷新更新页面，减少用户的实际和心理的等待时间。

　　3. 更好的用户体验。

　　4. 减轻宽带的负担。

　　5. 主流浏览器支持。

　　缺点：

　　1. AJAX大量使用了Javascript和AJAX引擎，使用AJAX的程序必须测试针对各个浏览器的兼容性。

　　2. AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后退功能是失效的。

　　3. 对搜索引擎支持不好。

　　Ajax的原理简单来说通过浏览器的javascript对象XmlHttpRequest（Ajax引擎）对象来向服务器发异步请求并接收服务器的响应数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。即用户的请求间接通过Ajax引擎发出而不是通过浏览器直接发出，同时Ajax引擎也接收服务器返回响应的数据，所以不会导致浏览器上的页面全部刷新。

　　举例：

　　传统方式：浏览器向后端发送请求，后端响应数据给前端，浏览器接收数据，渲染页面，浏览器要“刷新”。

　　Ajax方式：浏览器创建ajax对象，ajax对象向后端发送请求，后端接收请求响应数据给前端，ajax对象接收响应数据通过dom操作更新视图，整个过程浏览器“不刷新”。

　　真正的请求是由Ajax引擎发出。不是由浏览器窗口发出，所以浏览器窗口是不会刷新的， Ajax引擎同时也接收服务器返回的响应内容。

　　Ajax引擎就是XMLHttpRequest对象，所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。它同是也是一个Javascript对象。

　　Ajax引擎（XMLHttpRequest）是Ajax综合技术的核心，其作为浏览器页面和服务器交互的一个桥梁。

　　通常是Javascript监听浏览器网页事件（点击，提交，更改等），由Javascript创建Ajax引擎对象，通过Ajax引擎对象发出请求。Ajax引擎等待并且接收服务器的响应内容，Javascript再从Ajax引擎对象中获取响应内容并且改变网页界面显示效果。

　　非IE浏览器和高版本的IE浏览器：var obj=new XMLHttpRequest（）;

　　低版本的IE浏览器：var obj=new ActiveXObject（“Microsoft.XMLHTTP”）;

　　方法：

　　abort

　　取消当前请求

　　getAllResponseHeaders

　　获取响应的所有http头

　　getResponseHeader

　　从响应信息中获取指定的http头

　　open（方式get/post，url地址，同步异步）

　　创建一个新的http请求，打开请求，并指定此请求的方法、URL以及验证信息（用户名/密码）

感谢各位的阅读！关于“Ajax原理及使用的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！