2023-6-5（第二十四天）Ajax

同步/异步

同步交互

用户向服务器端发起请求，直到服务器端进行响应的全过程，用户是不可以做其他事情的（等）

使用场景：网址提交、表单提交

异步交互

用户向服务器端发起请求，直到服务器端进行响应的全过程，用户是可以做其他事情的（不等）

使用场景：ajax请求、定时器、Node操作mongo的增删改查 - 后端交互数据库的

不严格的定义：页面不完全刷新，只会导致页面局部发生变化的技术

Ajax(Asynchronous JavaScript And XML)

异步的JavaScript和XML

Ajax使用步骤：

1、创建ajax核心对象

var xhr=new XMLHttpRequest();

2、建立和 服务器 的连接

xhr.open("GET/POST","路由");

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

xhr.send()

特殊：

1、GET：send方法会失效，但是不能省略，必须写为：
            xhr.open("GET","路由?name=value&...");
            xhr.send(null);
​
2、POST：send方法可用，必须写为：
            xhr.open("POST","路由");
            xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xhr.send("name=value&...");

4、绑定状态监听事件

xhr.onreadystatechange=()=>{
        if(xhr.readyState==4&&xhr.status==200){
            xhr.responseText; - 拿去到后端给我们的东西，难就难在这个点，你拿到了要干什么？
        }
}