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请求, 跨域会报错.
