Ajax原理（1）通过后台与服务器进行少量的数据交换，实现页面异步更新。可以在不重新加载整个页面的情况下对页面的某一部分

1、Ajax优点：

（1）通过后台与服务器进行少量的数据交换，实现页面异步更新。可以在不重新加载整个页面的情况下对页面的某一部分进行更新。

（2）传统的web交互，触发一个http请求到服务器，服务器重新加载整个网页，浪费带宽，而且是同步的，浪费时间。

Ajax原理：

1、创建ajax对象
var xhr = window.XMLHttpRequest ? new window.XMLHttpRequest():new ActiveXObject('Microsoft.XMLHttp');
2、向服务器发送请求
2.1  get
xhr.open('GET','sjsx.php',true);
2.2 post
xhr.open('POST','ajax.test'.true);
xhr.send('fname=kimi&lname=Yang');
3、获取反应
xhr.onreadystatechange = function(){
    if(xhr.readyState === 4 && xhr.status === 200){
        //处理
        xhr.responseText;
        xhr.response;
    }
};

ajax状态码：

0：请求未初始化，还没有调用send。

1：已经调用send方法，正在发送请求。

2：send()方法执行完成，已经接收到全部响应内容。

3：交互，正在解析相应内容。

4：响应内容解析完成，可以在客户端进行调用了。

ajax的缺点：受同源限制。（http协议、域名、端口号）。