Ajax
Ajax的全称是Asynchronous JavaScript and XML,中文定义为”异步JavaScript和XML”,Web2.0技术的核心.由多种技术组合而成。使用Ajax技术不必刷新整个页面,只需对页面的局部进行更新,可以节省网络带宽,提高网页加载速度,从而缩短用户等待时间,改善用户体验。
Ajax的工作原理
- Ajax,它是多种技术的组合
包括我们的:JavaScript;
异步数据获取技术(也就是ajax的核心:XMLHttpRequest);
数据交换和操作技术XML;
动态显示和交互技术DOM;
及其标准的表现技术XHTML和CSS。 - XMLHttpRequest对象在IE浏览器中首次引入,它是一种支持异步请求的技术,也就是说我们的这个对象使我们可以用JavaScript向服务器提出请求,并处理响应。并且,它不阻塞用户,可以使我们的网络应用程序更加强大。
但是这个XMLHttpRequest对象其实是JavaScript的一个API,它支持浏览器发送Http POST或者是GET请求,该API是大多数Ajax交互的核心,也是现在Web开发的一项基本技术。通过ajax应用程序,无须重新加载网页,就可以发送并且取回数据。这项工作,需要通过向服务器发送HTTP 请求,这是在浏览器后端的,并通过服务器返回数据时,使用JavaScript仅仅修改网页的某部分。
优缺点
可以和XHTML无缝继承。
轻量、无须插件。
因为它是一个JavaScript的API,所以它依赖JavaScript,影响浏览器默认行为。
传统的HTML应用必须使用一个网页表单,向服务器GET或者POST数据。用户需要等待服务器的响应,然后一张新的网页会加到结果。
ajax会利用JavaScript的API直接与服务器通信,通过使用HTTP协议,web页面可以向服务器进行请求,并得到来自服务器的响应,但是不加载页面。用户可以停在同一页面,用户不会注意到脚本在后台请求过页面或者向服务器发送过数据。
我们ajax的技术核心是异步数据获取技术,也就是我们的XMLHttpRequest对象。
- 创建XMLHttpRequest这个对象
1): 针对Firefox,opera以及Safari等高级浏览器,可以使用构造函数的方式:
request = new XMLHttpRequest()
2): xmlhttp = new ActiveXObject(‘Msxml2.XMLHTTP’)
3): xmlhttp = new ActiveXObject(‘Microsoft.XMLHTTP’)
最后更新: 2018年07月26日 07:24