ajax请求

ajax的特点：
1.不要插件的支持，原生js就可以使用
2.用户体验好(不需要刷新页面就可以更新数据）
3.减轻服务端和带宽的负担
4.缺点：搜索引擎的支持度不够，因为数据都不在页面上，搜索引擎搜索不到
5.前进、后退功能被破坏(因为ajax永远在当前页，不会记录前后页面）
开启ajax请求
1.创建xhr对象

var xhr = new XMLHttpRequest();

2.配置请求信息

xhr.open("get","要请求的地址");

注意：这里的第一个参数表示，请求的方式(不区分大小写)
3.发送请求：

xhr.send("");

注意：当请求方式为get时，数据直接在地址栏中拼接，这里不需要再发送数据
4.判断状态是否成功并接受响应：

xhr.onreadystatechange = function(){
			//当ajax状态为：4，html的状态为：200时，表示发送请求成功
			if(xhr.readyState == 4 && xhr.status == 200){
				// 如果成功了还是需要找xhr对象拿数据
				console.log(xhr.responseText);
			}
		}

状态码和请求方式：
1.ajax状态码：

2.http的响应状态码：




3.常见的http请求方式：
get：向服务器获取
post：向服务器传递
put：向服务器传递、并让服务器添加
get和post的区别：
1. 语义化不一样
GET倾向于从服务器获取数据
POST倾向于向服务器提交数据
2.传递参数的方式
GET请求直接在地址栏后面拼接
POST请求在请求体里面传递
3.参数的大小限制
GET请求一般不大于2KB
POST请求理论上没有上限
4.缓存能力
GET会被浏览器主动缓存
POST不会被浏览器主动缓存
5.安全性能
GET请求相对安全性比较低
POST请求相对安全性比较高
ajax的兼容：
标准浏览器

let xhr = new XML HttpRequestO

IE低版本

let xhr = new ActiveXQbject('Microsoft.XMLHTTP'）

接受响应的兼容：
标准浏览器：

xhr.onload = function 0 {
console.log(xhr.responseText)
}

IE低版本

xhr.onreadystatechange = function 0{
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText)
	}
}