Ajax

Ajax的全称是Asynchronous JavaScript and XML,中文定义为”异步JavaScript和XML”,Web2.0技术的核心.由多种技术组合而成。使用Ajax技术不必刷新整个页面,只需对页面的局部进行更新,可以节省网络带宽,提高网页加载速度,从而缩短用户等待时间,改善用户体验。

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仅仅修改网页的某部分。

    优缺点

    可以和XHTML无缝继承。
    轻量、无须插件。


    因为它是一个JavaScript的API,所以它依赖JavaScript,影响浏览器默认行为。

传统的HTML应用必须使用一个网页表单,向服务器GET或者POST数据。用户需要等待服务器的响应,然后一张新的网页会加到结果。 ajax会利用JavaScript的API直接与服务器通信,通过使用HTTP协议,web页面可以向服务器进行请求,并得到来自服务器的响应,但是不加载页面。用户可以停在同一页面,用户不会注意到脚本在后台请求过页面或者向服务器发送过数据。 我们ajax的技术核心是异步数据获取技术,也就是我们的XMLHttpRequest对象。


  1. 创建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

原始链接: http://paris-jee.github.io/2018/07/24/Ajax/