AJAX是什么

AJAX = 异步 JavaScript 和 XML

AJAX 不是新的编程语言，而是一种使用现有标准的新方法

AJAX 可以使网页实现异步更新，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容

AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行

AJAX通过xmlHttpRequest对象发送请求，服务器返回数据后无需重新加载整个网页，能够在这样的情况下更新网页局部

1.XMLHttpRequest 创建

const request= new XMLHttpRequest();

2.设置请求

request.open("GET","/xxxx",true); //后面的true是设置是否异步的  千万别写让它默认就好

当请求被发送到服务器时，我们需要执行一些基于响应的任务

每当 readyState 改变时，就会触发 onreadystatechange 事件

readyState 属性存有 XMLHttpRequest 的状态信息

3.监听(onreadystatechange)

request.onreadystatechange=function()
 {
  if (request.readyState===4 && request.status===200)
  {
   console.log('请求成功');
  }
 }

4.发送请求

request.send();

总体步骤

const request = new XMLHttpRequest();
request.open("GET","/xxxx",true);
request.onreadystatechange=()=>{
if(request.readyState===4 && request.status===200){
console.log('请求成功');
}}
request.send();