Ajax原理及使用的示例分析

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

成都创新互联公司长期为上千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为通渭企业提供专业的成都网站设计、成都网站制作，通渭网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

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原理及使用的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！