同步交互和异步交互：

同步：客户端向服务器端发送请求直到服务器端进行响应的全过程，用户只能等待 - 不严格的说法：整个页面都会刷新一下(例：1、网址提交 2、表单提交)

异步：客户端向服务器端发送请求直到服务器端进行响应的全过程，用户不必等待 - 不严格的说法：局部页面会进行刷新(例：ajax)

Ajax:asynchronous javascript and xml

好处：①不会让用户等待；②不会刷新页面也能和服务器端进行交互（比表单强）；③将服务器端的数据获取到前端页面。

使用步骤：4步

1、创建ajax核心对象xhr

 var xhr=new XMLHttpRequest();
 

2、创建和服务器端的连接

xhr.open("GET/POST","xx.php");

3、向服务器端发送请求消息

xhr.send();

特殊：

1、GET方式，xhr.send失效，还不能省略，必须写为xhr.send(null)，请求消息需要拼接到url?后面

xhr.open("GET","xx.php?key=value&key=value...");
xhr.send(null);

2、POST方式，xhr.send可用，在之前设置请求头部

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send("key=value&...");

4、绑定监听状态改变事件

xhr.onreadystatechange=()=>{
    if(xhr.readyState==4&&xhr.status==200){
        xhr.responseText;//php放在页面上的东西 - 服务器端响应的消息
    }
}