ajax请求--逆战2020！！！

ajax定义：

ajax就是在不刷新页面的情况下发送http请求

ajax的优缺点

优点
1.ajax不需要插件 - 支持js
2.不刷新页面，用户体感比较好
3.发送http请求 - 发送部分数据 - 减轻了服务器的负担
缺点
不能后退的，对于搜索引擎的支持不太友好，爬虫爬不到

ajax请求方式get和post的区别

get请求
// 1.get请求如果需要传递参数，那么会默认将参数拼接到url的后面；然后发送给服务器；
// 2.get请求传递参数大小是有限制的；是浏览器的地址栏有大小限制；IE不超过2K;谷歌不超过8K；超过会自动截掉；
// 3.get安全性较低
// 4.get 一般会走缓存，为了防止走缓存，给url后面每次拼的参数不同；
post请求
//1.post传递参数，需要把参数放进请求体中，发送给服务器；
//2.post请求参数放进了请求体中，对大小没有要求；
//3.安全性比较高；
//4.post请求不会走缓存；

ajax请求的运行原理及步骤

1.创建对象
2.建立连接
3.监听状态
4.发送请求
例：

btn.onclick = function(){
//1.创建ajax对象 
 var xhr = new XMLHttpRequest();
// 2.建立一个ajax连接
xhr.open("get","3-demo.php");
// 3.监听ajax的状态：
 xhr.onreadystatechange=function(){
    //执行完成时候
   if(xhr.readyState==4){
            // 获取到响应主体：
            var res = xhr.responseText;
            //把获取到东西放到网页
            document.querySelector("#box").innerText = res;
        }
   }
   // 4.发送这个请求
    xhr.send();
}