怎样理解AJAX

AJAX: Asynchronous JavaScript and XML, 翻译过来就是: 异步的JavaScript与XML

这已经成为了一个通用名词, 字面意义已经消失了, 因为现在使用JavaScript异步请求返回的数据基本都是JSON, 而非 XML.

 

概括起来, AJAX指的就是: 通过 XMLHttpRequest对象发出HTTP请求, 得到服务器返回的数据后再进行处理的这样一种技术.

下面是一个简单的AJAX请求实例:

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function(){
  // 通信成功时，状态值为4
  if (xhr.readyState === 4){
    if (xhr.status === 200){
      console.log(xhr.responseText);
    } else {
      console.error(xhr.statusText);
    }
  }
};

xhr.onerror = function (e) {
  console.error(xhr.statusText);
};

xhr.open('GET', '/endpoint', true);
xhr.send(null);

 

总结起来, 使用AJAX有这样几个步骤: 

1. 创建XMLHttpRequest实例对象

2. 发出HTTP请求

3. 接收服务器传回的数据

4. 更新网页数据

 

注意: 

1. 使用AJAX最大的优点是它可以不用刷新整个页面, 提升性能的同时不会打断用户正在做的事情;

2. AJAX只能向同源网址发出HTTP请求, 跨域会报错.